घटक दो बार प्रतिपादन कर रहा है

मैं एक ट्यूटोरियल का अनुसरण कर रहा हूं और अभी-अभी useEffect के बारे में सीखा है। मेरी समस्या यह है कि मैं result.hours[0].is_open_now प्राप्त करना चाहता हूं। मैंने पाया है कि घटक दो बार प्रस्तुत करता है, और चूंकि घंटे पहले अपरिभाषित हैं, यह विफल हो जाता है।

क्या इसे केवल एक बार चलाने का कोई तरीका है।

const ResultsShowScreen = ({ navigation }) => {

    const id = navigation.getParam('id');
    const [result, setResult] = React.useState({})

    const getResult = async (id) => {
       const response = await yelp.get(`/${id}`)
       setResult(response.data)
    }

    useEffect(() => {
        getResult(id)
     }, [])

    if (!result || result.length <= 0) {
        return null
    }

     const {name, 
            display_address, 
            price,
            display_phone,
            photos,
            review_count,
            rating,
            hours          
        } = result

        if (hours && hours.length > 0 ) {
            const is_open_now = hours[0].is_open_now
            console.log('running')
        } else {
            console.log('nooooo')
        }

    return (
        <View> 

            <Text style={styles.title}>{name}</Text>

            <Text>Price: {price}</Text>
            <Text>Rating: {rating}</Text>
            <Text>Reviews: {review_count}</Text>
            <Text>Phone: {display_phone}</Text>
            <Text>Is Open Now: </Text>
        </View>
    )

}

export default ResultsShowScreen