• • 此问题在此处已有答案**：

（17个答案）
What does return keyword mean inside forEach function? [duplicate]（2个答案）
5小时前关门了。
到目前为止，我已经使用GET_TOURNAMENTS将所有锦标赛对象设置为我的状态，并将它们呈现在页面上。
然后，我给每个锦标赛一个调用showTournament()的按钮，它选择我点击的任何锦标赛，并更新状态。当我点击SHOW_TOURNAMENT时，我的状态如下所示：

tournament
  tournaments: [{...}, {...}]           <<~~this is from GET_TOURNAMENTS
  showTournament: {                     <<~~begins as (showTournament: "") until showTournament() action
    _id: "etc",
    title: "Tournament One",
    status: "Open",
    participants: [                          <<~~an array of User objects
      0: {_id: "asdf", username: "asdf"},
      1: {_id: "asdf", username: "asdf"}
    ]
  }

Annnnnnnnd我尝试通过以下操作在ShowTournament组件中呈现所有这些内容：

class TournamentShow extends Component {
    static propTypes = {
        tournament: PropTypes.object.isRequired,
        auth: PropTypes.object.isRequired
    };

    render() {
        const { _id, title, hostedBy, status, participants } = this.props.tournament.showTournament;

        return (
            <div>
                <h1>{ title }</h1>
                <p>status: { status }</p>
                <p>Registered Participants:</p>
                {
                    participants ?
                    participants.forEach(participant => {
                        return (
                            <ul>
                                <li>{participant}</li>
                            </ul>
                        )
                    }) :
                    null
                }
                <p>Hosted by: { hostedBy }</p>
                <Link to="#">Sign Up</Link><br/>
                <Link to="/">Back to Tournaments main page</Link>
            </div>
        )
    }
};

const mapStateToProps = state => ({
    tournament: state.tournament,
    auth: state.auth
});

export default connect(mapStateToProps, { showTournament })(TournamentShow);

这将不显示任何内容。即使数组中存在参与者，也不会呈现任何内容。
我也尝试简单〈〈~~编辑：一开始我把标签放在里面，放在{}外面

<p>Registered Participants:</p>
                <ul>
                  {
                      participants.forEach(participant => {
                          return (
                              <li>{participant}</li>
                          )
                      })
                  }
                </ul>

我得到了错误TypeError: Cannot read property 'forEach' of undefined
所有来自showTournament的非数组数据呈现得很好..我发现了其他堆栈溢出问题，并尝试了许多解决方案，但其他问题只是不同的足够，我不能弄清楚如何获得正确的实现。
谢谢大家!