这段代码有什么问题?

class App extends Component { constructor ( props ) {super ( props )this .state = {username:”有课前端网”, msg:’ ‘}}render ( ) {return (<div> { this .state. msg }</div>);}componentDidMount ( ) { this .setState ( ( oldState, props ) => {return {msg:oldState .username + ‘ – ‘ + props.intro }} )}render ( < App intro=” 前端技术专业学习平台”></App>,ickt )在页面中正常输出“有课前端网-前端技术专业学习平台”。但是这种写法很少使用,并不是常用的写法。React允许对 setState方法传递一个函数,它接收到先前的状态和属性数据并返回一个需要修改的状态对象,正如我们在上面所做的那样。它不但没有问题,而且如果根据以前的状态( state)以及属性来修改当前状态,推荐使用这种写法。

发表评论