1、我们还是从一个简单的例子开始，我们这个是通过点击事件进行更改的例子，首先我们先通过initialstate来初始化我们的State，这个和我们的props是一样的，然后我们在handleclick里面可以调用this.setstate方法，对我们的state进行复制操作。
2、我们在这里需要注意的是，render里面也就是jsx里面，是不允许使用if else这种语句的，只能使用我们的三元表达式，这也是jsx要格外注意的一点，还有我们在上面所提到的点击芒儒商坑事件，这个是由handleClick来处理的，请务必注意Click的c需要大写，否则是验证不出来的哦。
3、接下来我们就来讲State的api设定，第一个就是我们提到的setState，这是用来设置我们State的状态的，当我们的State需要更换为其他的值的时候，我们就需要在render中或是其他函数或者是触发函数中调用setState函数来给我们的state赋值。
4、接下来我们将通过结合组件的生命周期来对我们的State状态进行学习，componentDidMount 表示的生命周期是第一次进行渲染以后，我们的操作就是在第一次渲染完成以后在我们的客户端里面每100秒就更新一下清晰度，显示在我们的页面上。
5、然后我们来整体梳理一下我们的各种状态吧，我们在调用我们的界面的时候，我们会采用嘛术铹砾willmount，第一次渲染完成以后就是didmount，而后在菀蒯踔观我们改变state或者prop的状态的时候会采用willreceiveprops，当我们在页面即将因为我们的state或者props改变的时候会调用willupdate，而当我们改变结束这个页面的时候会调用didupdate。
6、以上大概就是React作为前端所展现出的全部页面展示所需要的功能了，大家也应该觉得这个真的很简单，是吧，核心就在于整个render的调用和使用上，还有状态的改变以及各个状态下应该怎么做的问题。