JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
要使用自定义的组件,要以大写字母开始
自行编辑一个todolist页面
首先在src下面创建src/TodoList.js,输入以下代码
import React, { Component } from "react";
class TodoList extends Component{
render() {
return (
<div>todolist</div>
)
}
}
export default TodoList
在index.js中做如下修改
import React from 'react';
import ReactDOM from 'react-dom';
import TodoList from './TodoList'
import * as serviceWorker from './serviceWorker';
ReactDOM.render(< TodoList/>, document.getElementById('root'));
serviceWorker.unregister();