gpt4 book ai didi

javascript - 将 mobx store 和 props 传递给函数

转载 作者:行者123 更新时间:2023-11-30 14:54:20 30 4
gpt4 key购买 nike

我有一个调用函数的 React 组件,我需要将注入(inject)的 mobx 存储和组件 Prop 传递给这个函数

const Component = inject("store")(observer(({store, props}) => {
return (
<div>
{_someRenderFunction(store, props)}
</div>
);
}));

在函数中是这样使用的

function _someRenderFunction(store, props) {
let data = store.data;
const { cookies } = props;
...
}

但我得到错误无法读取未定义的属性'cookies'

我如何将商店和组件属性都传递给 _someRenderFunction

最佳答案

问题是这一行:

({store, props}) => {};

您的组件仅接收 Prop ,因此基本定义为:

(props) => {}

Inject 为您提供给定 Prop 内的注入(inject)商店。所以你收到的是:

const props = { store: STORE_INSTANCE }

随着对象的析构,您可以从 Prop 中提取属性。所以这也可行:

({ store }) => {}

在这里,您要从 props 中提取 property store。但在您的示例中,您还从 Prop 中提取了属性 Prop 。所以在你的情况下 Prop 应该是这样的:

const props = { store: STORE_INSTANCE, props: PROPS_OBJECT }

这不是你想要的。所以在这种情况下,对象破坏不是你想要的。以下代码应该有效:

const Component = inject("store")(observer((props) => {
return (
<div>
{_someRenderFunction(props)}
</div>
);
}));

function _someRenderFunction(props) {
const { cookies, store } = props;
let data = store.data;
...
}

关于javascript - 将 mobx store 和 props 传递给函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47559593/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com