react中如何使用组件
前文我们介绍过了《如何写react组件》(感兴趣的同学可以过去学习),下面我们来说一下如何使用react组件。
1、无状态组件的使用方法
组件:
const App = (props) => <h1>欢迎进入{props.name}的世界</h1>
使用:
ReactDOM.render( // React组件的调用方式 <App name="react" />, document.getElementById('root') )
2、ES6创建的组件的使用方法()
组件:
class App extends React.Component{ render(){ return( console.log(this),//此处的this指的就是App组件,自定义在App上的属性就在this的props上 <h1>Hello {this.props.name}React!</h1> ) } }
使用:
ReactDOM.render( <App name="1905"/>,//在App组件上自定义一个name的属性 document.getElementById('root') )
© 著作权归作者所有
举报
发表评论
0/200