Question

我是本机反应的新手。我只需要显示30分钟即可。我在互联网上没有关于计时器的明确解决方案，我们将不胜感激。如何设置按钮的计时器，使其仅显示30分钟并在其后隐藏？

Answer 1

您可以使用setTimeout功能来控制按钮的可见性。

示例代码：

class SomeComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isButtonVisible: true
    };
  }

  componentDidMount() {
    setTimeout(() => {
      this.setState({ isButtonVisible: false });
    }, 1000 * 60 * 30);
  }

  render() {
    const { isButtonVisible } = this.state;
    return (;
      <View>
        ...
        {
          isButtonVisible && <Button .../>
        }
      </View>
    )
  }
}

希望这会有所帮助！

Answer 2

https://www.w3schools.com/howto/howto_js_countdown.asp

您可以按照以下步骤进行倒数计时。粗略的方法是使组件处于有状态并跟踪时间。如果时间是30分钟或30分钟以上，请使用三元更改视图并隐藏按钮。

如何在React Native中为按钮设置计时器？

2 个答案: