您的位置：首页 > Web前端 > JavaScript

4 conditionals in JSX&parent child relationships

2017-01-29 17:05 435 查看

</head>
<body>
<div id="area" ></div>
<script type="text/babel">
var HelloWorld = React.createClass({
propTypes:{
name: React.PropTypes.string,
isPerson: React.PropTypes.bool
},
getDefaultProps: function(){
return{
name:'scott'
}
},
render:function(){
var greeting ="world";
if(this.props.isPerson){
greeting =(<Person name={this.props.name}} />)
}
return(
<<span> hello <greeting} </span>
)
}
});
var Person = React.createClass({
propTypes:{
name: React.PropTypes.string.isRequired
},
getDefaultProps: function(){
return{
name:'scott'
}
},
render:function(){
return(
<<span> {this.props.name}</span>
)
}
});
ReactDOM.render(
<HelloWorld  name=‘Tim' isPerson={true} />,
document.getElementById('area'),
);

</script>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航