javascript - 如何在本机反应中为按钮设置计时器?
问题描述
我是 react-native 的新手。我只需要显示一个按钮 30 分钟。我在互联网上没有关于计时器的明确解决方案,任何帮助将不胜感激。如何将按钮设置为仅显示 30 分钟并在其后隐藏?
解决方案
您可以使用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>
)
}
}
希望这会有所帮助!
推荐阅读
- r - 如何将不同的行值组合成R中的单列
- python - VS Code 中的 Python:从子文件夹导入模块时出错
- python - 我该怎么做才能使我的约会时间变得可行?
- docker - 我可以使用 Hasura 快速入门进行生产吗?
- php - Docker:docker-compose 将文件从容器复制到主机
- android-studio - java.lang.IllegalStateException:在 android:onClick 的父或祖先上下文中找不到方法 onCreate_Clicked(View)
- python - Python - 使用异步工作人员池时如何处理 KeyboardInterrupt 并干净地退出?
- google-apps-script - 如何使用谷歌应用脚本复制特定表格并将其粘贴到文档的特定部分?
- r - 插入符号 CV 中的平均预测值
- javascript - 无法读取 BoostrapVue 模态中未定义的属性“显示”