干锅,将2个变量传递给自定义组件

时间:2018-07-26 13:32:54

标签: javascript reactjs griddle

如何将2个或多个变量传递给自定义组件? 我在返回函数中有一个Griddle网格:

<Griddle
  data={myList}
  useGriddleStyles={false}
  enableSettings={false}
  sortProperties={sortProperties}
  plugins={[plugins.LocalPlugin]}
>
  <RowDefinition>
    <ColumnDefinition id="id" title="Id" customComponent={CustomLocation} />
    <ColumnDefinition id="name" title="Name" />
  </RowDefinition>
</Griddle>

和自定义组件:

const CustomLocation = ({ value }) => (
  <Link to={`/testpage/edit/${value}/`}>Edit</Link>
);

链接中需要两个变量。第一个变量应该是id列的值,第二个应该是name列的值。目前,我只能传递ID。

1 个答案:

答案 0 :(得分:0)

要传递行变量,最好的方法是使用redux并创建一个新组件。 此行为的代码和示例在官方的Griddle文档站点“将行中的数据获取到单元格中”