React实战

一、组件到界面流程：

定义一个组件app.js导出------->index.js获取app.js组件------->渲染到index.html中

1.组件：app.js组件

 1）组件的return函数里返回的HTML节点必须是一个

 2）定义一个组件的方式ES6语法：

class APP extends React.Component{......}

 也可以使用React.creactClass({})

3)可以给外部使用的组件：使用 export default 导出组件

export default class APP extends React.Component{......}

或者是

class App extends React.Component{
    render(){
        return (<div>这是一个组件</div>);
    }
}
export default  App;

2.入口的定义：index.js文件

ReactDOM.render(<App />.document.getElementById("box"))

3.页面：index.html

<div id="box"></div>