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

来源：4-9 React 生命周期函数的使用场景

蓝色西西

2021-05-13

老师，在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’)}