我希望能够始终使用useEffect来更改我的组名称

Question

useEffect(() => {
Axios.get(`https://taskcontrolapp.herokuapp.com/taskcontrol/grupo/${props.id}`)
.then(response => {
setGrupo(response.data)
}).catch(error => {
console.log(error)
})
}, [])

我有一个对象Grupo｛Grupo_id和Grupo_nome｝，我想更改Grupo_name并再次运行useEffect，已经尝试了许多变量作为参数，但始终不起作用。

Answer 1

根据几篇文章和react文档，像这样使用Effect是不好的做法。

建议您将其包装在异步的useCallback中，或者包装在useEffect内的函数中，然后调用useEffect中的函数。

点击此处查看这些文章：

阿布拉莫夫家伙

关于自定义挂钩的官方文档

useEffect(() => {
async function someFunc () {
await Axios.get(`https://taskcontrolapp.herokuapp.com/taskcontrol/grupo/${props.id}`)
.then(response => {
setGrupo(response.data)
}).catch(error => {
console.log(error)
})
}
someFunc()
return () => {
// do some clean up here 
}
// Note the dependency array here...
}, [props.id, grupo_nome])