Question

我有一个位于根导航器中的全局按钮，并且我还有一个自定义模式组件，该组件具有自己的reducer和action。我正在全局按钮内调用切换功能来切换模态，但是当我比较使用普通状态的模态的切换速度时，它比使用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()),
  }
}

Modal Reducer：

const initialState = {
  showCoinModal: false
}

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

Answer 1

我已经弄清楚了造成延迟的原因，它是redux的中间件记录器，我刚刚删除了它，并且它又很快了

在切换中使用带Redux延迟的本机模态

1 个答案: