我有一个组件Details.js
,我在选择下拉列表中填充来自 4 个联赛的团队
根据选择的团队,State.js
组件中的状态会更新
问题在于,根据所选团队的不同,有时会呈现状态State.js
,有时不会呈现状态。
控制台中没有错误,并且在 redux 工具中状态已正确更新。
我正在使用https://www.api-football.com/来使用数据。
这里是相关代码
在reducers/index.js我创建了一个初始状态
RECEIVE_LEAGUE
league:[],
case RECEIVE_LEAGUE:
return {...state, leagueId: action.json};
在actions/index.js
export const receivedLeague = json => ({
type: RECEIVE_LEAGUE,
json: json
});
我在getTeamsDetailById(id)
dispatch(receivedLeague(id));
在Details.js
组件中
我leagueId
在顶部添加了状态
并编辑了我的selectTeamStat
功能
const [selectedOption, setSelectedOption] = useState('');
const selectTeamStat = (evt) => {
const { value } = evt.target;
setSelectedOption(value)
getStats(leagueId, value);
};
我在代码框中提供了演示,重现了这里的案例(必须使用 Google Chrome 扩展程序 CORS Unblock 来查看或任何其他扩展程序解除 CORS 的阻塞)
要重现该案例,例如在 Serie A 中选择 Flamengo,状态会更新且不会在组件中呈现,但如果您选择 Botafogo,则会呈现状态。为什么?