react笔记 8-16 JSX语法 定义数据 数据绑定

1、jsx语法

和vue一样  只能有一个根标签

一行代码写法

  return <div>hello world</div>

多行代码返回必须加括号

  return (
            <div>
                <div>
                    hello world
                </div>
                <div>
                    aaaaaaa
                </div>
            </div>

        )

2、定义数据 数据绑定

    constructor(){
        super()
        this.state={
            name:"张三"
        }
    }
    render() {
        return (
            <div>
                <div>
                    aaaaaaa
                    {this.state.name}
                </div>
            </div>
        )
    }