React native 有人能帮我一下吗?当我点击按钮时,计时器就会复位?谢谢 从“React”导入React; 从“react native”导入{文本、视图、样式表、平面列表、文本输入、按钮、键盘AVOIDGVIEW、键盘}; 从“反应本机倒计时组件”导入倒计时; 常量应用=()=>{ 返回( 警报('hello')} onPress={()=>alert('hello')} 大小={20} /> ) } 导出默认应用程序;

React native 有人能帮我一下吗?当我点击按钮时,计时器就会复位?谢谢 从“React”导入React; 从“react native”导入{文本、视图、样式表、平面列表、文本输入、按钮、键盘AVOIDGVIEW、键盘}; 从“反应本机倒计时组件”导入倒计时; 常量应用=()=>{ 返回( 警报('hello')} onPress={()=>alert('hello')} 大小={20} /> ) } 导出默认应用程序;,react-native,React Native,在状态和按下按钮时设置默认值重置状态 试试这个 import React, { useState } from 'react'; const App=()=> { const [count, setCount] = useState(10); return ( <View> <CountDown until={count} onFinish={() => alert('hello')}

在状态和按下按钮时设置默认值重置状态

试试这个

import React, { useState } from 'react';

const App=()=> {
    const [count, setCount] = useState(10);
    return (
      <View>
      <CountDown
        until={count}
        onFinish={() => alert('hello')}
        onPress={() => alert('hello')}
        size={20}
      />
      <Button title = "reset timer"
      onPress={() => setCount(10)}
      
      >
      </Button>
      </View>
    )
}
export default App;
import React,{useState}来自“React”;
常量应用=()=>{
const[count,setCount]=useState(10);
返回(
警报('hello')}
onPress={()=>alert('hello')}
大小={20}
/>
setCount(10)}
>
)
}
导出默认应用程序;

更改
id
似乎有效,根据他们的文档,他们指定使用
id
重置计时器

但在React中,我们可以使用另一种解决方法,我们将给
倒计时
组件一个
,并在
更改时随机更改它,然后加载新的
倒计时
组件并重置计时器


常量应用=()=>{
常数[时间,设置时间]=使用状态(10)
const[key,setKey]=useState(“计时器”)
返回(
警报('hello')}
大小={20}
/>
{
console.log('hi');
设定时间(10)
setKey((Math.random()*1000000.toString())
}}
title=“重置计时器”>
);
};
导出默认应用程序;
您也可以使用
id
而不是
key
,但我在这里使用了
key


您可以在此处使用工作应用程序的代码:

您可以将until prop设置为状态变量,并在单击按钮时将变量重置为10。