reactjs - 如何让 .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)