讓我?guī)憬鉀Q我的問(wèn)題。我正在制作一個(gè)計(jì)時(shí)器功能組件，我將 startValue 傳遞給組件，然后該組件將使用通過(guò) props 傳遞的 startValue 啟動(dòng)計(jì)時(shí)器（以秒為單位減少一秒）。const FunctionalComponent = (props: any) => {const [timerValue, setTimerValue] = useState(props.initialValue)console.log('Set State')useEffect(() => {    console.log('UseEffects called')    setInterval(() => {        setTimerValue(timerValue - 1)    }, 1000)}, [])return <View><Text style={styles.textStyle}>{timerValue}</Text></View>}我在 Parent 中的渲染功能。render() {    return <View style={styles.mainView}>        <FunctionalComponent  initialValue={30} />    </View>}現(xiàn)在，每次 react 重新渲染父組件時(shí)，F(xiàn)unctionalComponent 都會(huì)被調(diào)用并重置 timerValue 值。我使用類組件構(gòu)造函數(shù)解決了這個(gè)問(wèn)題，但我想知道在功能組件中是否有任何解決方案可以做到這一點(diǎn)。class OTPTimer extends Component {    constructor(props: any) {        super(props)        this.state = {            timeLeft: props.fromStart        }        if (props.startTimer) {            this.startTimer()        }    }    componentDidUpdate(prevProps: any) {        if (!prevProps.startTimer && this.props.startTimer) {            this.startTimer()            this.setState({                timeLeft: this.props.fromStart            })        }    }    startTimer = () => {        var interval = setInterval(() => {            this.setState({                timeLeft: this.state.timeLeft - 1            })            if (this.state.timeLeft === 0) {                clearInterval(interval)            }        }, 1000)    }    render() {        return <Text style={globalStyles.testStyleThree}>{`00:${this.state.timeLeft > 9 ? this.state.timeLeft : `0${this.state.timeLeft}`}`}</Text>    }}