按目前的这样出错的地方很难定位来着 <a target="_blank" rel="noopener noreferrer nofol

看起来像是 immer 的报错，什么场景出现的？定义了一个 conf

不清楚value是什么类型，如果是一个复杂类型是不是可能有什么意外，你先改成这样试试？ <div class="highlight highlight-source

mutate 的核心代码如下，不知道你这个在哪步报错了： <div class="highlight highlight-source-ts notranslate

能否优化下报错的定位 about stook HOT 4 CLOSED

arvinxx commented on August 11, 2024

能否优化下报错的定位

from stook.

Comments (4)

0xkee commented on August 11, 2024

看起来像是 immer 的报错，什么场景出现的？

from stook.

arvinxx commented on August 11, 2024

看起来像是 immer 的报错，什么场景出现的？

定义了一个 config

  const [dataSourceConfig] = useStore('dataSourceConfig', res);

config 里是一个对象变量

对外暴露的修改方式我是直接返回对象的

handleTableDataSourceConfig: (value) => {
      mutate('dataSourceConfig', (state: ProtableDataSourceState) => {
        return { ...state, ...value };
      });
    },

源码在这：https://github.com/arvinxx/components-editor-test/blob/master/src/models/dataSource.ts#L90

这个项目是一个 ProTable 编辑器，之前在业务里用了 dva。近期准备抽出来组件化并开源，所以需要脱离 dva。
在找数据流解决方案的时候看到你的项目来着，感觉用起来还可以，赞一下。

from stook.

0xkee commented on August 11, 2024

不清楚value是什么类型，如果是一个复杂类型是不是可能有什么意外，你先改成这样试试？

handleTableDataSourceConfig: (value) => {
  const state = getState('dataSourceConfig')
  mutate('dataSourceConfig', { ...state, ...value })
},

from stook.

0xkee commented on August 11, 2024

mutate 的核心代码如下，不知道你这个在哪步报错了：

  private getNextState(value: any): any {
    let nextState: any

    // not function
    if (typeof value !== 'function') return value

    // can not use immer
    if (typeof this.state !== 'object') return value(this.state)

    let useImmer = true

    const immerState = produce(this.state, draft => {
      const fnValue = value(draft)

      // use function return value
      if (fnValue && typeof fnValue === 'object') {
        nextState = fnValue
        useImmer = false
      }
    })

    if (useImmer) {
      nextState = immerState
    }

    return nextState
  }