Javascript react native：在渲染中按变量而不是状态显示/隐藏视图（setTimeout）

这是我的

render（）

方法

render() {
    let { enableGo } = this.props;
    console.log("value enable go", enableGo);
    let { activeTab } = this.state;
    let toastText;
    let showToast;
    switch (enableGo) {
      case true:
        showToast = true;
        toastText = "Signup Completed!";
        break;
      case false:
        toastText = "Signing up...Please wait";
        showToast = true;
        break;
    }
.... 

我正要根据enableGo道具显示和隐藏

  {showToast && (
              <View
                style={{
                  borderRadius: scale(20),
                  width: scale(150),
                  alignItems: "center",
                  justifyContent: "center",
                  height: verticalScale(25),
                  flexDirection: "row",
                }}
              >
                <Text style={{ color: 'red', fontSize: 12 }}>
                  {toastText}
                </Text>
                {!toastText === "Signup Completed" && (
                  <Spinner color='red' size="small" />
                )}
              </View>
            )}
....

{showtoos&&(
{toast text}
{！toastText==“注册完成”&&(
)}
)}
....

在文本被更改后，

没有被隐藏，而

showtoos

变成了

未定义的

如何先更改文本，然后延迟隐藏视图？
您不需要showToast变量，因为您可以仅使用enableGo有条件地进行渲染。
也可以使用enableGo inside有条件地更改文本。
将整个视图包装在另一个视图中，并将微调器放置在父视图中。
为子视图添加setInterval。
我想这会解决问题。
您不需要showtoos变量，因为您可以仅使用enableGo有条件地进行渲染。
也可以使用enableGo inside有条件地更改文本。
将整个视图包装在另一个视图中，并将微调器放置在父视图中。
为子视图添加setInterval。
我想这会解决问题的