入门教程

安装react创建项目工具（只安装一次）

用 管理员身份 运行 命令窗口，输入 npm i -g create-react-app

image.png

安装react脚手架

新建文件夹，在当前文件夹下，打开命令窗口，输入 create-react-app reactdemo

运行脚手架

进入项目文件夹（reactdemo），打开命令窗口，输入 npm start

数组渲染

class Home extends Component {
    constructor() {
        super();
        this.list = ['111', '222', '333']
    }
    render() {
        let listHtml = this.list.map((item,key) => <li key={key}>{item}</li>)
        return (
        <div className="App">
            {listHtml}
        </div>
        );
    }
}

绑定事件传参数:bind

class Home extends Component {
    constructor() {
        super();
        this.state = {
            list: ['111', '222', '333']
        }
    }
    run(list) {
        this.setState({
            list
        })
    }
    render() {
        let listHtml = this.state.list.map((item,key) => <li key={key}>{item}</li>)
        return (
        <div className="App">
            {listHtml}
            <button onClick={this.run.bind(this, ['aaa', 'bbb'])}>点击我</button>
        </div>
        );
    }
}