- 不需要引号来包裹html标签。
class App extends Component {
render() {
return (
<div>
hello
</div>
)
}
}
- 组件名必须以大写开头
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
render返回的内容外层必须有一个包裹的元素,跟vue一样
jsx写注释
render () {
return (
<Fragment>
<div>
{
/*这是一个注释*/
// 单行注释
}
<input value = { this.state.inputValue }
onChange = { this.handleInputChange.bind(this) }
/>
</div>
</Fragment>
)
}
阅读量: