ではありません、私はAPIからデータをバック受け付けております:https://github.com/SunDwarf/OWAPI/blob/master/api.mdthis.props.stats.mapはコンソールで機能
しかし、私は戻って取得していますページにそれをレンダリングしようとしているファイルにエラー:this.props.stats.mapは関数ではありません 以前は天気予報アプリケーションのためにこのようにしていましたが、問題がなかったため、これを把握するための場所がわかりません。 * EDIT:関数のmapStateToProps({stats})に中括弧を追加しました。 "TypeError:未定義のプロパティ 'achievements'を読み取ることができません。 これは情報へのパスが正しくないことを意味しますか?
コード:
import React, { Component } from 'react';
import { connect } from 'react-redux';
class OverwatchStats extends Component {
renderStats(achievementData) {
return (
<tr>
<td>{achievementData.data.eu.achievements.support}</td>
</tr>
);
}
render() {
return (
<table className="table table-hover">
<thead>
<tr>
<th>Hero Achievements</th>
<th>Got</th>
</tr>
</thead>
<tbody>
{this.props.stats.map(this.renderStats)}
</tbody>
</table>
);
}
}
function mapStateToProps({ stats }) {
return { stats };
}
export default connect(mapStateToProps)(OverwatchStats);
私はここに私のコードを持っている:My Github
'stats'には何がありますか?たとえば、マップするために「統計」に何かがあることを確認する必要があります。データと減速機を知らなくてもそれ以上の助けができません。 –
'stats'はjsonですか? –
this.props.statsを表示する – Andrew