在子组件中的render函数中，，直接调用父组件的方法

来源：3-5 拆分组件与组件之间的传值

life2014

2019-03-06

图一子组件的render函数中，直接在onclick调用图二父组件的函数，当时在输入框中输入值的时候，为什么父组件的函数会不停的执行，每输入一个值，就会调用一次clicka方法，打印出“heihei”,但是当我在子组件中把参数去掉，就不会调用了，好奇怪
图1是子组件
图片描述

写回答

2回答

Dell

2019-03-06

onClick={()=>{this.props.deleteItem(this.props.index)}} 这么写才对

ywang04

2019-12-31

this.props.delItem(this.props.index)

每次你在输入框里输入值的时候子组件也会被渲染因此上面这个方法就会被反复调用按照老师写的箭头函数形式就不会被触发到。

React零基础入门到实战，完成企业级项目简书网站开发

主流新技术 React-redux，React-router4，贯穿基础语法

5275 学习 · 2497 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1