在切换中使用 React 本机模态,带 redux 延迟



我有一个位于根导航器中的全局按钮,我还有一个自定义模态组件,它有自己的化简器和操作。我在全局按钮内调用一个切换函数来切换模态,但是当我比较使用普通状态的模态上的切换速度时,它比 redux 状态快得多。为什么会这样?

模 态:

<Modal
   visible={this.props.showCoinModal}
   animationType="fade"
   transparent={true}
   onRequestClose={() => console.log('closed')}
>

映射:

const mapStateToProps = state => ({
  showCoinModal: state.coinModal.showCoinModal
})
const mapDispatchToProps = dispatch => {
  return {
    onToggleCoinModal: () => dispatch(toggleCoinModal()),
  }
}

模态减速器:

const initialState = {
  showCoinModal: false
}
const coinModalData = (state = initialState, action) => {
  switch (action.type) {
    case TOGGLE_COIN_MODAL:
      return {
        ...state,
        showCoinModal: !state.showCoinModal
      }
    default:
      return state
  }
}
我已经

弄清楚了导致延迟的原因,它是 redux 的中间件记录器,我刚刚删除了它,它又很快了

相关内容

  • 没有找到相关文章

最新更新