将对象作为道具传递给jsx
我有一个对象，其中包含多个通用键值道具，我想将它们传递给一些jsx。像这样：
const commonProps = {myProp1: 'prop1',myProp2: 'prop2'};
<MyJsx commonProps />
我希望这可以作为传递单个道具的功能：
<MyJsx myProp1={commonProps.myProp1} myProp2={commonProps.myProp2}/>
这可能吗？
问题答案：
这可能吗？
是的，为什么您认为不可能，但是发送方式不正确。
的含义<MyJsx commonProps />是：
<MyJsx commonProps={true} />
因此，如果您默认不指定任何值，它将采用true。要传递对象，您需要这样编写：
const commonProps = {myProp1: 'prop1',myProp2: 'prop2'};
<MyJsx commonProps={commonProps} />
更新：
如果您有一个对象，并且希望将所有属性作为单独的属性传递，则将其编写为：
<MyJsx {...commonProps} />
-
问题内容： 我有以下内容，但它不起作用，我在stackoverflow上的某个地方读到了它的工作原理，但我似乎无法使其工作..它出错了……我在做错什么吗？ 如果我确实传递了这样的数据-它可以工作-所以我知道我的服务正在工作 问题答案： 我相信代码将在对象上调用.value或.toString（），然后通过网络传递。您想传递JSON。 因此，包括JSON JavaScript库 http://www
-
我使用的是dev-express中的react-grid库，库中有一个表组件，我们可以向它传递单元格组件，在CustomCell中，我使用的是Material UI中的菜单 在上述情况下,菜单工作良好, 但是我想要传递道具到这个组件，我尝试了以下操作 在这种情况下菜单不工作，我想知道是否有一个替代的方法来实现第二种情况。
-
问题内容： 可以说我有： 在Tabs组件内部，具有属性 儿童[0]（this.props.children）看起来像 儿童[0]。道具看起来像 最终，Children对象看起来像（这是我想要传递的）： 问题是这样，如果我这样重写MultiTab 在选项卡组件内部 看起来和上面一样。 好像 我希望该物业看起来像。上面只是打印出Statement函数。 这是一个很奇怪的问题，但是长话短说，我正在使用一
-
问题内容： 我试图找到定义可以以一般方式使用的组件的正确方法： 当然，可以想象并在父组件和子组件之间进行渲染的逻辑。 对于这个问题，这是一个虚拟的实现： 问题是，每当您用于定义包装器组件时，如何将某些属性传递给其所有子组件？ 问题答案： 用新道具克隆Children 您可以使用React.Children遍历子级，然后使用React.cloneElement使用新的道具（浅合并）克隆每个元素，例如
-
我正在获取中的产品列表，在其中，我需要将选定的产品对象传递给。 目前，我正在尝试将作为路由参数传递，并再次获取产品对象。但是我想将整个产品对象从发送到。 我的路线是 产品列表组件链接 如何将产品对象作为道具传递给？ 下面的代码在Typescript中抛出错误，表示
-
我是一个相当新的反应，这是一个我正在努力解决的问题。