React基础__初识JSX语法

时间：2019-07-11 16:44:21 阅读：87 评论：0 收藏：0 [点我收藏+]

var HelloComponent = React.createClass({

　　render: function () {

　　return <h1>hello world.</h1>

}

})

ReactDOM.render(

　　<HelloComponent />,

　　document.getElementById(‘reactContainer‘)

)

</script>

还可以使用表达式的方式：

可以使用三元表达式，但不接收 if else的方法

var HelloComponent = React.createClass({

　　render: function () {

　　return <h1>hello {this.props.name || ‘web-react‘}.</h1>

}

})

ReactDOM.render(

　　<HelloComponent name=‘world‘ />,

　　document.getElementById(‘reactContainer‘)

)

</script>

原文：https://www.cnblogs.com/sunyang-001/p/11170786.html

踩

(0)

评论一句话评论（0）

分享档案

更多>