React reload call api函数不起作用

Question

在一个简单的 react 组件下方加载了一个 twits 列表。 我使用“request-promise”包来获取数据。 第一次调用效果很好（带有钩子效果）。 问题是重新加载功能不起作用。

import React, {useState} from 'react'
import { tw } from './twitProxy'

//tw contains a simple promise request with twitter's api call.

function Twitter(){
    let [twe, setTw] = useState()

    React.useEffect(() => {
        tw.then((data)=>{
            setTw(JSON.parse(data))
        })
    }, [])

    const reloadTwit = () => {
        tw.then((data)=>{
            console.log("reload twit without call api ? ")
            setTw(JSON.parse(data))
        })
    }


    return(
        <div>
            <ul>
                 {
                     (twe !== undefined) ? 
                        twe.map((value, index) => {
                            return <li key={index}>{value.text}</li>
                        })
                        : console.log("loading")

                 }
                 <button onClick={reloadTwit}>Reload Twitter</button>
            </ul>
        </div>
    )
}


export default Twitter

Answer 1

function Twitter(){
    let [twe, setTw] = useState()
    let [count, setCount] = useState(0)

    const reloadTwit = () => {
        setCount(count + 1)
    }

  React.useEffect(() => {
        tw.then((data)=>{
            console.log("reload twit without call api ? ")
            setTw(JSON.parse(data))
        })
    }, [count])


    return(
        <div>
            <ul>
                 {
                     (twe !== undefined) ? 
                        twe.map((value, index) => {
                            return <li key={index}>{value.text}</li>
                        })
                        : console.log("loading")

                 }
                 <button onClick={reloadTwit}>Reload Twitter</button>
            </ul>
        </div>
    )
}


export default Twitter