Reactjs 如何让反应按钮内。地图正常工作？

我错过了一些简单但重要的东西。我无法通过按钮在我的故事列表中标记一个最喜欢的故事。有人能看到我遗漏了什么吗

import React from 'react'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'

const MyStories = props => {
  const storyBriefs = props.stories.length > 0 ?

          addFavorite = () => {

            props.stories.map(t => (<p key={t.id}><Link to={`/stories/${t.id}`}>{t.attributes.title}</Link>

             <button onClick={this.addFavorite}>Favorite</button>

          </p>)):
          null


  return storyBriefs
 }


const mapStateToProps = state => {
  return {
    stories: state.myStories
  }
}

export default connect(mapStateToProps)(MyStories)

从“React”导入React
从“react redux”导入{connect}
从“react router dom”导入{Link}
const MyStories=道具=>{
const storyBriefs=props.stories.length>0？
addFavorite=（）=>{
props.stories.map（t=>（
{t.attributes.title}
最喜欢的
）：
无效的
返回故事摘要
}
常量mapStateToProps=状态=>{
返回{
故事：国家。神秘
}
}
导出默认连接（MapStateTops）（MyStories）

你为什么要在那里定义

addFavorite

函数？我不必这样做吗？如果我不这样做，我就没有为addFavorite定义组件定义正确，你能解释一下

addFavorite

应该做什么吗？我不知道你的用例。但它似乎是这样的：你想将一个故事列表返回到UI，然后返回

map

函数。

addFavorite

是您希望在单击时运行的fn，然后分别定义该fn。除了addFavorite=（）=>{然后是收藏夹。这是一个重构，我被要求创建一个按钮，允许我在我创建的故事列表旁边标记一个收藏夹或多个收藏夹。