React基础__初识JSX语法
<script>
var HelloComponent = React.createClass({
render: function () {
return <h1>hello world.</h1>
}
})
ReactDOM.render(
<HelloComponent />,
document.getElementById('reactContainer')
)
</script>
还可以使用表达式的方式:
可以使用三元表达式,但不接收 if else的方法
<script>
var HelloComponent = React.createClass({
render: function () {
return <h1>hello {this.props.name || 'web-react'}.</h1>
}
})
ReactDOM.render(
<HelloComponent name='world' />,
document.getElementById('reactContainer')
)
</script>