React / Redux如何将地图函数值转换为自定义函数

Question

我正在通过从redux存储中获取数组并通过它进行映射来获取最近的搜索功能。

            <ul className="sidebar__list">
              {searches.map((search, i) => {
                return (
                  <li className="sidebar__listItem" key={i}>
                    <Link
                      to="/venues"
                      onClick={this.onClickRecentSearches(search.query, search.location)}
                      className="sidebar__listItemLink"
                    >
                      {search.query} in {search.location}
                    </Link>
                  </li>
                );
              })}
            </ul>

我想要做的是点击发送一个动作。我在reduce中有一个fetchVenues动作，需要两个输入。我如何定位数组的值并将其解析为我的操作

onClickRecentSearches = (place, location) => {
  this.props.fetchVenues(place, location);
};

e.target仅适用于输入。

Answer 1

你必须使它成为一个匿名函数：

onClick={() => this.onClickRecentSearches(search.query, search.location)}