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>