【发布时间】:2022-12-11 07:22:57
【问题描述】:
在我的功能组件中,我需要检查排序顺序是否已更改,如果是,我需要突出显示排序按钮。默认顺序在 reducer 的 initialState 中描述。目前我正在导入这个“initialState”const,并将其中的一个字段与 useSelector 状态中的一个字段进行比较。它看起来像这样:
import { initialState as initialStateSettings } from 'Reducers/settings'
const sortButton = () => {
const isOrderChanged = useSelector((state) => {
const defaultOrder = initialStateSettings.params.order
return !compareRatesOrder(state.settings.params.order, defaultOrder)
})
return <button className={isOrderChanged ? 'gray-button' : 'blue-button'} >Sort</button>
}
这是一种可以接受的方式吗?因为它看起来不优雅。如果错误,最好的检查方法是状态数据与 initialState 不同。
目前我使用没有 redux-toolkit 的 redux。
【问题讨论】:
标签: reactjs redux redux-reducers