
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')
)更多React相关技术文章,请访问React答疑栏目进行学习!
以上就是react中如何使用组件的详细内容,更多请关注易知道|edz.cc其它相关文章!













