反应配置的时候,发现很多都是一步一步来配置文件的,不过好处的是,可以帮助我们理解的WebPack,而这配置也太慢了,如果没存好,还得再来一遍!
1、当然,我们有快速搭建项目的指令:
npm install -g create-react-app
2、创建项目:列如(my-app)
create-react-app my-app[你想要的项目名称]
在该目录内,您可以运行几个命令: NPM开始 。启动开发服务器 NPM构建运行 将应用程序捆绑资料到静态文件中进行。生产 NPM测试 。开始测试跑步者 NPM运行弹出 删除此工具并复制构建依赖项和配置文件 和脚本到应用程序目录中。如果你这样做,你不能回去! 我们建议您先输入以下内容: cd grewer npm开始
这里基本都很清楚地给我们了知道了;
3、可以启动了:
npm stsrt
如果你的构建速度慢的话,可以考虑一下使用cnpm。
class grewer extends React.Component {
constructor(props){
super(props); this.state = {} } render(){ return <div> Hello!</ div>; } }
反应的引用组件可以是任何位置的,比如他在当前页面的话:
function LoginButton(props){ return( <button onClick = {props.onClick}> Login </ button> ); } class App extends React.Component { ... render(){ return <div> welcome!<LoginButton onClick =“this.methods”/> </ div> ; } ... }
可以直接就放在上面了,而如果是其他页面,也可以引用,如:
components.js:
1 2 3 | class App extends React.Component { ... }; export default App; |
index.js(主页面):
1 | import Grewer from './components.js' ; |
然后再渲写写上
1 | <Grewer /> |
就可以了;