美文网首页
新建React项目

新建React项目

作者: ljwheyxy | 来源:发表于2019-10-23 16:26 被阅读0次

    1、创建React项目

    方法1:通过npm install create-react-app -g,create-react-app my-appxxxxx创建
    方法2:npx create-react-app my-apxxxxxx

    示例代码:

    //形式1
    import React, { Component } from 'react';
    
    
    class Home extends Component {
    
        constructor() {
            super();
        }
    
        render(){
            return <div><h1>您好!</h1></div>
        }
    
    
    }
    
    export default Home;
    
    //形式2
    import React from 'react';
    
    
    class Home extends React.Component {
    
        constructor() {
            super();
        }
    
        render(){
            return (
                <div><h1>您好!</h1></div>
            )
        }
    
    
    }
    
    export default Home;
    

    2、render里的return可以用小口号包裹,小括号包裹,要有根节点<div></div>

    相关文章

      网友评论

          本文标题:新建React项目

          本文链接:https://www.haomeiwen.com/subject/xuqwuctx.html