概述
.html
<div id="example"></div>
无状态组件传递参数
.js
<script type="text/babel">
function Mycom(props){
return (
<div>我是一个无状态组件---{props.name}</div>
)
}
ReactDOM.render(<Mycom name="123"/>,document.getElementById("example"))
</script>
有状态组件传递参数
<script type="text/babel">
class Maa extends React.Component{
render(){
return(
<div>我是一个类组件---{this.props.name}</div>
)
}
}
ReactDOM.render(<Maa name="123"/>,document.getElementById("example"))
</script>
最后
以上就是忧伤音响为你收集整理的React_react组件接收参数(props)的全部内容,希望文章能够帮你解决React_react组件接收参数(props)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复