1. 不需要引号来包裹html标签。
class App extends Component {
  render() {
    return (
      <div>
        hello 
      </div>
    )
  }
}
  1. 组件名必须以大写开头
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
  1. render返回的内容外层必须有一个包裹的元素,跟vue一样

  2. jsx写注释

  render () {
    return (
      <Fragment>
        <div>
          { 
            /*这是一个注释*/
            // 单行注释   
          }
          <input value = { this.state.inputValue }
            onChange = { this.handleInputChange.bind(this) }
          />
        </div>
      </Fragment>
    )
  }

评 论:

更新: 11/21/2020, 7:00:56 PM