首页 > 解决方案 > 如何让 .map 中的反应按钮正常工作?

问题描述

我在这里缺少一些简单但重要的东西。我无法获得仅在我拥有的故事列表中标记收藏的按钮。谁能看到我错过了什么?

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)

标签: reactjsbutton

解决方案


推荐阅读