我正在開發一個 React 應用程序,我正在使用 Redux 來存儲狀態。我有以下代碼:import React, { Component } from 'react';import { connect } from 'react-redux';import { increaseCategoryRank, decreaseCategoryRank } from '../../redux/menu/menu.actions';import './category-arrows.styles.scss';class CategoryArrows extends Component { render() { const { category } = this.props; const categoryClicked = true; const initialRank = category.rank; return ( <div className="arrows-container"> <div className="up-arrow" onClick={ (initialRank) => this.props.increaseCategoryRank(category, categoryClicked) if(initialRank === -1) { this.props.menu.map(menuCategory => menuCategory._id !== category._id ? this.props.increaseCategoryRank(menuCategory, !categoryClicked) : null) } else { return null; } }></div> <div className="category-rank"> <p>{category.rank}</p> </div> <div className="down-arrow" onClick={() => this.props.decreaseCategoryRank(category, categoryClicked)}></div> </div> ) }}const mapStateToProps = state => ({ menu: state.menu})export default connect(mapStateToProps, { increaseCategoryRank, decreaseCategoryRank } )(CategoryArrows);單擊 div時up-arrow,我正在調用一個函數。但是,我收到以下錯誤:我不確定為什么會收到此錯誤或如何解決此錯誤。任何見解都值得贊賞。
ReactJS:解析錯誤:意外的令牌,預期的“}”
慕桂英546537
2022-07-08 10:27:52