react map遍历 ‘number’ is not defined no-undef

最近在学习react,跟着网上的例子敲的时候，在map遍历出了个小问题 

代码是这样的

const data = [1,2,3,4,5];
const listItems = data.map((item) => <li key={number.toString()}>{item}</li>);
ReactDOM.render(
	<ul>{listItems}</ul>,
	document.getElementById('root')
);

敲的时候我还觉得蛮奇怪，number是从哪来的 ，果然一保存，就报错了。

反复对了例子和自己敲的，没敲错啊。。很疑惑。然后查react-map遍历的用法

其中有人给出了这样的例子

                        <ul>
                            {
                                this.props.listsArr.map(function(item,index){
                                    return <li key={index}>{item}</li>
                                })
                            }
                        </ul>

我就想，那应该是要在括号里面把number先添加进去，它才能知道number指的是序号吧。

const data = [1,2,3,4,5];
const listItems = data.map((item,number) => <li key={number.toString()}>{item}</li>);
ReactDOM.render(
	<ul>{listItems}</ul>,
	document.getElementById('root')
);

然后没报错了