我通过 create-react-app 创建了一个 Reactjs 应用程序.
...但是组件没有显示在页面中,我想这可能是因为App.js没有渲染组件?
这是我的代码:
App.js
import React, { Component } from 'react';
import './App.css';
import login from "./containers/login/login";
class App extends Component {
render() {
return (
<div className="App">
<login/>
</div>
);
}
}
export default App;
/containers/login/login.js
import React, { Component } from 'react';
import "./login.css";
class login extends Component {
render() {
return (
<div className="headings">
<form action="">
Username <br/>
<input type="text" name="userrname" />
<br/>
Password <br/>
<input type="password" name="password" />
<br/>
<input type="submit" value="Login" />
</form>
</div>
);
}
}
export default login;
浏览器中的组件是这样的:
<login></login>
最佳答案
你自己的组件需要以大写字母开头,或者 Babel will treat them as strings .
将变量重命名为Login
,它将起作用。
import Login from "./containers/login/login";
class App extends Component {
render() {
return (
<div className="App">
<Login />
</div>
);
}
}
关于javascript - React 组件在网页中为空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55079797/