我如何将其转换为React Native中的功能组件

Question

                let { eventDate } = this.state;
             
                if (eventDate <= 0) {
                    this.setState({ isTimerOver: true});  
                }
          

在这里，我需要将其写入功能组件。你能帮我做这个吗

Answer 1

您可以使用 usestate> usestate functional Component中的钩子

import { useState } from 'react';
...

const yourFunctionName = () => {

const [ eventDate, setEventDate ] = useState(0) // set initial value here
// The first value eventDate , is our current state.
// The second value setEventDate, is the function that is used to update eventDate state

const [ isTimerOver, setIsTimerOver ] = useState(false) // set initial value

...
     if (eventDate <= 0) {
        setIsTimerOver(true); // function to update the state isTimerOver
     }
...

}

export default yourFunctionName;

//www.w3schools.com/react/react_usestate.asp“ rel =” nofollow noreferrer“>反应usestate钩子