子组件并不会随父组件渲染

Question

老师，在nextjs中，使用function写页面，根据控制台的信息显示来看，自组件并不会随父组件的input输入值而重新渲染，也不支持shouldComponentUpdate生命周期方法，这是为什么呢。

这是父组件的代码节选：

//模块化封装
function getTodoItem() {
// 父组件向子组件传递content,index值，通过props属性对象接受
// 父组件向子组件传递方法deleteItem,供子组件调用执行
//index item直接作为key不推荐，会产生变化或者重复，不利于DIFF对比
//一般key推荐使用，可以固定唯一标识当前item的字段 比如item的id等
return todoList.map((item, index) => {
return (

)
})
}
return (

{/ 每当组件的state或props数据发生改变时，页面的render就会重新执行 /}
{console.log(‘render’)}

下面是子组件的代码：

return (

{console.log(‘child render’)}
{test}
{content}

)

Answer 1

Dell 2021-05-13 23:15:07

子组件应该肯定会跟随父组件重新渲染而渲染。你把完整代码截图发来看看

• weixin_慕粉1239463 #1

  我的也是这样子组件的render并不会随着父组件的render触发

• Dell 回复 weixin_慕粉1239463 #2

  子组件用到了父组件的数据吗？