你这个是不会re-render的，原因在于virtual node并没有发生改变，你改变的只是绑定的函数而已，绑定的函数还不是立即就会执行的，不影响视图。

如果你执意觉得这种有问题，你可以将li抽象成子组件，item和index直接传递进去，handleClick由子组件监听，确实需要这个组件里面的环境的话，你用child-parent的沟通方式处理就行了。

现象:
刚才试了下，无论是bindarrow funtion还是es8那种函数绑定方式
只要父组件setState或着forceUpdate,子组件的render函数都会执行 -- 除非你在子组件显示的使用shouldComponentUpdate阻止

假设以下均没有使用shouldComponentUpdate优化:
render函数每次执行返回的就是一个vdom而已, 就算每次子组件都执行一遍, 也就是返回一堆vdom而已, 这些调用开销很小(相比一个实际的dom操作)

一轮render后(也就是父组件下所有子组件), 开始进行vdom差异算法,得出真正需要更新的dom, 这时, 虽然render执行了,但是没有进行实际上的dom操作

具体到上面的每个li组件来说, 实际上render只是执行了一个很轻量的js函数而已, 并没有对最后要展示的dom进行操作

constructor(props) { super(props); this. handleClick = this. handleClick.bind(this) } render() { const list = this.props.data.list; 
 {list.map((item, index) => { return ( 
 ) })} 
 }