使用Rreact开发Todos应用附详细过程

在使用React来开发之前首先了解一下React是什么?

React官方给出的解释是（A  JavaScript  library  for  building  user  interfaces）,React是一个构建∪I库的库，帮助我们更方便地构建前端页面,它可以将我们的页面组件化,方便开发和维护,可以让我们更方便地复用组件。

React 的设计初衷可能就是为了组件复用，举个简单的例子

class Header extends Component{
      constructor(props){
           super(props);        
      }
       
      render(){
           return <h1>React</h1>
      }
 }             

以上代码就是一个Header组件，它不仅可以在Container里使用，在App里也可以复用。 

<Container>
   <Header />
   <Main />
   <Footer />
</Container> 

<App>
   <Header />
   <Main />
</App>

现在就可以正式开发了，这次开发会做一个todos小应用，它能实现输入框输入点击enter键，添加到下面列表中，点击选项框会横线删除，再点击又会取消。