如何将数据从管理员传递到资源

Question

我在app.js上有一个道具，我想把这个道具传递给另一个子页面。我想把这个道具传递给另一个子页面。

这是app.js。

<Admin
   <Resource name="Stores" options={{ label: 'Stores' }}  list={Store} storeId={this.props.storeId}/>
Admin>

这是Store. js:

export const Store = (storeId) => {
  return (
    <div>
      Here
      {storeId}
    </div>
  )
}

app. js有 storeId 变量，我可以从chrome上的reactjs组件工具中看到。我可以从chrome上的reactjs组件工具看到它。但是 storeId 似乎不在Store.js页面。

Answer 1

参数可以通过 "选项 "来传递

app.js:

<Admin
   <Resource name="Stores" options={{ label: 'Stores', storeId: props.storeId }} list={Store} />
Admin>

Store.js:

export const Store = ({ options, ...props }) => {
  return (
    <div>
      Here
      {options.storeId}
    </div>
  )
}