react-native - react-native 应用程序中未显示警报框

Question

我正在尝试显示两个自动完成字段和一个按钮，当单击该按钮时，它会检查任何文本字段是否为空。如果其中任何一个为空，我会使用 react-native 的“警报”组件显示警报。它是一个基于类的组件。

代码：

    import { Alert } from 'react-native';
    
    ............
    ............
    
    onSubmit = () => {
            var firstItem = this.state.firstItem;
            var secondItem = this.state.secondItem;
                if(firstItem.trim() == "" || secondItem.trim() == "")
                {
                    console.log("AlertBox: ");
                    Alert.alert(
                        "Alert Title",
                        "My Alert Msg",
                        [
                          {
                            text: "Cancel",
                            onPress: () => console.log("Cancel Pressed"),
                            style: "cancel"
                          },
                          { text: "OK", onPress: () => console.log("OK Pressed") }
                        ],
                        { cancelable: false }
                      );
                }
            }
    
    render(){
    return (
         <Autocomplete /> // first text input box
         <Autocomplete /> // second text input box
    )

}

问题：未显示警报框。我在这里做错了什么？

标签： react-nativealert

Answer 1

可能是firstItem和secondItem value是empty所以它可能没有进入里面。

这是您可以用它验证的小吃。 链接在这里