箭头函数在.map内的prop中传递变量

时间:2017-02-17 00:42:00

标签: javascript reactjs ecmascript-6

我正在尝试将变量传递给React中的prop函数,该函数都在.map函数中。

我在箭头功能参数错误中得到一个无效的左手边。

<div style={ style.navContainer }>
    {navItems.map((item, i) => <div key={ i } onClick={ (item.name) => this.props.onClickGoTo(name) } style={ style.navItem }>
                <img style={ style.icon } src={ item.src } />
                { item.name }</div>)}
</div>

1 个答案:

答案 0 :(得分:11)

几乎。它应该是:

onClick={ () => this.props.onClickGoTo(item.name) }