mobx中使用compositionAPi不生效

使用mobx构建一个store，但是用observer包裹designPage，页面中的数据未响应数据变化

```
class TodoStore {

constructor() {
    makeAutoObservable(this)
  }

total: DataItem[] = []

get unfinish(): DataItem[] {
    console.log('unfinish', this.total)
    return this.total.filter((item: DataItem) => item.finish != true)
  }

get finishes(): DataItem[] {
    return this.total.filter((item: DataItem) => item.finish)
  }

addItem(item: DataItem) {
  
    this.total.push({
      id: getUUID(16),
      title: item.title,
      finish: false,
    });
  }

}

export default TodoStore
```

页面代码如下

```
import { observer } from "mobx-react-lite";
import stores from '@/store'
export default observer(designPage(() => {

return () => {

const { todoStore } = stores

const { total, unfinish, finishes, } = todoStore

return (

<div>

<AddForm
          {...{
            onFormSubmit: (item: DataItem) => {
              todoStore.addItem(item)
            },
          }}
        />
        <Divider orientation="left">待完成</Divider>

<TodoTable

{
          ...{
            data: [...unfinish],
            onChange: (data: DataItem) => {
              total.forEach((item, index) => {
                if (item.id === data.id) {
                  total[index] = data
                }
              })
            },
            onDeleteItem: (item: DataItem) => {
              todoStore.deleteItem(item)
            }
          }
          }

/>
      
      </div>

)

}
})
)
```

plain-pot/plain-design-composition

内容风险标识

评论 (5)

plain-pot/plain-design-composition .gitee-modal { width: 500px !important; }

内容风险标识