reactjs - ComponentWillMount警告

我正在创建一个内部布局。我正从另一个角度进入这个场景。因此，在开始时会呈现另一种布局。在转到第二个场景(带有TextInput标签)之后，我获得了警告，例如:



这很奇怪，因为我没有使用componentWillMount方法，所以我猜想它是隐式调用的。

这是组件的代码

 class MainTopBarAfterSearch extends Component {
constructor() {
    super();
    this.state = { text: " " };
}

render() {
    const { topBarContainer, imageStyle, textInputStyle } = styles;
    return (
        <View style={topBarContainer}>
            <TouchableOpacity onPress={() => Actions.menu()}>
                <Image
                    source={require("../../../resources/menuWhite.png")}
                />
            </TouchableOpacity>
            <TextInput
                style={textInputStyle}
                placeholder="Begin to search"
                value={this.state.text}
                onChangeText={text => this.setState({ text })}
            />
            <Image source={require("../../../resources/filter.png")} />
        </View>
    );
}
}

最佳答案

是的，因为在React中很快就弃用了componentWillMount和componentWillReceiveProps。我建议您使用componentDidMount而不是componentWillMount。

但是您仍然会收到这些黄框警告，因为react-native仍将其用于内部组件，例如Image，TouchableOpacity和许多其他组件。我们需要等待新的更新来摆脱这些警告。别担心，祝您编程愉快。

关于reactjs - ComponentWillMount警告，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49152988/