当道具从函数更新时更新组件
当道具从函数更新时更新组件
提问于 2020-12-13 14:09:42
我有一些问题，让一个组件更新后，我改变了它的道具。
我有一个表单组件，我想让它向一个显示框组件发送一些数据。这个想法是，每次提交表单时，Box都会更新并添加新任务。
我使用钩子来完成这个任务。到目前为止，我有一个handleInput()方法，它返回显示组件并通过props传递对象。但是，我没有在Display组件中看到结果，即使我已经添加了一个useEffect来在每次更新道具时刷新。当我刷新页面时，来自显示组件的console.log()只运行一次，但是当我发送一个新表单时，不会发生其他任何事情。
表单如下：
function handleInput(e) {
e.preventDefault();
const submittedTask = {
name: taskName,
category: category,
time: estimatedTime,
deadline: deadline
};
return <DisplayTasks task={submittedTask}/>
}下面是没有重新渲染的组件：
const DisplayContainer = ({ task }) => {
const [ availableTasks, setAvailableTasks ] = useState({});
useEffect(() => {
if (task) { setAvailableTasks(task) };
console.log("Current task: ", task}
}, [task])
//...
}回答 1
Stack Overflow用户
发布于 2020-12-13 15:55:17
这可能是因为prop，task是一个对象，而在js中，对象是通过引用赋值的。做这样的事情。
function handleInput(e) {
e.preventDefault();
const submittedTask = {
name: taskName,
category: category,
time: estimatedTime,
deadline: deadline
};
return <DisplayTasks task={...submittedTask}/>
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65276556
复制
相似问题
在亚马逊网络服务S3上批量移动文件
亚马逊网络服务S3中是否存在乐观锁定？
亚马逊亚马逊网络服务S3
批量加载亚马逊网络服务S3到Postgres流标准
是否可以压缩已存在于亚马逊网络服务S3中的文件？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
