react的创建

最新推荐文章于 2025-07-04 22:41:26 发布

转载最新推荐文章于 2025-07-04 22:41:26 发布 · 201 阅读

文章标签：

#应对 #[Rreact

移动app 专栏收录该内容

6 篇文章

订阅专栏

反应配置的时候，发现很多都是一步一步来配置文件的，不过好处的是，可以帮助我们理解的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：

class App extends React.Component {
...
};
export default App;

index.js（主页面）：

1	`import` `Grewer from` `'./components.js';`

然后再渲写写上

1	`<Grewer />`

就可以了;