less.container{&.content{}}中串行选择器的表示上面的&符号表示串行选择器,&.content表示选择.container.content等元素。ReactsetState中的函数式用法this.setState((oldState,oldProps)=>{//根据当前状态和props计算新的状态值....return{newState}})如果传给this.setState的参数是notanobjectbutaFunction这个函数会接受两个参数,第一个参数是当前的state值,第二个是当前的props,这个函数返回一个对象,这个对象代表了想要改变的this.state。示例functionincrement(state,props){return{count:state.count+1}}functionincrementMultiple(){//假设count在默认状态下的值为0,//然后在settingState的时候传给increment第一次state的count值为0this.setState(increment)//this.state的count的值还是0//传给increment的state的count的值为1this.setState(increment)//this.state的count的值还是0//传给increment的state的count的值为2this.setState(increment)}//调用上面的函数,最后this.state.count会变成3对于多次调用setState函数,在这种情况下,React会确保每次调用increment时,state已经合并了之前的state修改结果。简单的说,this.state.count当前值为0,第一次调用this.setState(increment),传递给increment的state参数为0,第二次调用,state参数为1,第三次调用时调用,参数为2,incrementMultiple的最终效果是将this.state.count变为3。值得一提的是,调用increment函数时,this.state并没有改变,this.state的改变会在重新执行渲染函数之前(或在shouldComponentUpdate函数返回false之后)不会更改。
