reactjs - ComponentWillMount 警告

Question

我正在创建一个内部布局。我是从另一个场景看到这个场景的。所以一开始就渲染了另一个布局。当我进入第二个场景(带有 TextInput 标签)后，我收到警告，例如:

componentWillMount is deprecated and will be removed in the next major version. Use componentDidMount instead. As a temporary workaround, you can rename to UNSAFE_componentWillMount. Please update the following components: App, Container, Image, Text< TouchableOpacity, Transitioner, View.

这很奇怪，因为我没有使用 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>
    );
}
}

Answer 1

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

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