rn学习个人问题汇总

1. react-navigation 其中的stack和tab栈能否动态配置？ 如何做？

2. 以下的代码里的setState如何理解？

constructor(props) {
super(props);
this.state = { showText: true };

// 每1000毫秒对showText状态做一次取反操作
setInterval(() => {
this.setState(previousState => {
return { showText: !previousState.showText };
});
}, 1000);
}

http://blog.csdn.net/juzipchy/article/details/75453860

问题2的回答： (prevState, props) 这里如果是一个参数，那么就是prevState; 设置的实际上是this.state.showText; 而且这个方法是同步执行。
this.setState((prevState, props) => ({ counter: prevState.counter + props.increment}));

update：为什么要加return？ 需要实践确认。
可以不加return，改成另外一种形式：

this.setState(previousState => ({ showText: !previousState.showText }));

参考以下的文档：https://reactjs.org/docs/state-and-lifecycle.html
实际测试，下面两种写法都是可行的，效果和上面的一致：

this.setState(previousState => ({ showText: !previousState.showText }));
this.setState(previousState => { showText: !previousState.showText });

下面这种用法也需要实践： state, 基础的基础。

在回调中调用设置好的state

this.state = {foo: 2};
this.setState({foo: 123}, ()=> {
console.log(foo);
// 123
});

1
2
3
4
5
关于setState的回调函数的作用大概如此，这个函数相当于componentDidUpdate函数，和生命周期的函数类似。