使用 axios et 调用的响应更新 jsx [重复]

Question

从 get Axios 调用获得响应后，我需要更新 HTML，但在更新 jsx 时，如下所示：

instance.get('/done.json').then(response => {
    task = response.data[Object.keys(response.data).pop()][props.match.params.id-1]
     console.log(task)
    // setseletectask(task)
        taskHmtl = (
        <Fragment>
            <p>{task.title}</p>
            <p>{task.done}</p>
        </Fragment>
    )
    }).catch(error=>console.log(error))

它不会更新，所以我必须创建一个新状态并使用响应值更新它。 我需要知道为什么第一种方法不能正常工作。

Answer 1

它没有更新，所以我必须创建一个新状态并使用响应值更新它

正确

我需要知道为什么第一种方法不能正常工作。

组件已经渲染，给全局变量赋值不会触发重新渲染。这就是 React 中存在状态的原因。