美文网首页
新建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>

相关文章

  • docz使用

    1. 新建 (1)新建项目 (2)安装docz依赖 npm install docz # react react-...

  • RN 常用命令

    1.新建RN项目 //创建项目(新建RNDemo项目) react-native init RNDemo //安装...

  • 新建React项目

    系统:mac os 12.10 依赖项:node.js: v6.10.2npm: v5.6.0 打开命令行: cd...

  • react新建项目

    1.安装node 2.在cmd命令行中输入: npm install -g create-react-app,cr...

  • 新建React项目

    1、创建React项目 方法1:通过npm install create-react-app -g,create-...

  • react暴露webpack配置文件

    在react中安装create-react-app脚手架新建项目,但是新建的项目中没有配置文件。 webpack的...

  • react-redux-typescript

    react redux Typescript 的使用 新建项目 用create-react-app新建一个reac...

  • RN-Redux-Project-01

    React + Redux 搭建项目 1.项目搭建 ①新建项目 ②安装 redux 和 react-redux 2...

  • 初识react-navigation3.x

    新建项目:react-native init demo安装react-navgation3.x react-na...

  • zyso.com

    用create-react-app新建一个react项目 安装使用环境 设置react项目快捷文件目录 在 ./c...

网友评论

      本文标题:新建React项目

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