Tabs例子问题

[liguoxin]

Tabs例子，采用下拉框无法正确切换Tab页。

[liguoxin]

原因是你外部控制的选中页状态，是在构造函数中进行处理。而构造函数与didMount事件是只有第一次render时候才会触发的。

[liguoxin]

将
Tabs的componentWillReceiveProps实现改为下面的实现即可。
componentWillReceiveProps(nextProps) {
if ('defaultActiveIndex' in nextProps) {
this.setState({
activeIndex: nextProps.defaultActiveIndex,
});
}
}

[arcthur]

我仔细看了例子，点了没有反应是对的。书里也提到了内部控制和外部控制，
defaultActiveIndex 是内部控制，在 app 中写的就是 defaultActiveIndex，外部要控制 activeIndex 是没有作用的。把 prop 改成 activeIndex，就变成外部受控了，你可试下