当前位置: 首页 > 知识库问答 >
问题:

在react[duplicate]中作为道具发送状态

广楚
2023-03-14
        <Switch >
        <Route path="/updateSummary" component={UpdateSummary} />
        <Route path="/updateEffort" component={UpdateEffort} />
        </Switch>

我必须将父组件的状态作为道具发送到UpdateSummary。我试着像下面这样发送,

        <Switch >
        <Route path="/updateSummary" component={UpdateSummary 
        {...this.props}} />
        <Route path="/updateEffort" component={UpdateEffort} />
        </Switch>

我得到的错误如下

ERROR in ./component/ts/edit.tsx
[tsl] ERROR in D:\DR\component\ts\edit.tsx(99,67)
  TS1005: '}' expected.

ERROR in ./component/ts/edit.tsx
[tsl] ERROR in D:\DR\component\ts\edit.tsx(99,82)
  TS1003: Identifier expected.

提前感谢

共有1个答案

段干英杰
2023-03-14

不要将道具传递到component属性内部,而是这样做:

<Switch >
    <Route path="/updateSummary" component={UpdateSummary} {...this.props} />
    <Route path="/updateEffort" component={UpdateEffort} />
</Switch>
 类似资料:
  • 我有一个覆盖,它是从另一个React组件启动的,该组件有一个按钮,也会改变自己。更改发生在用户单击按钮时,然后按钮更改它的classname。它还向children组件发送一个prop值,即覆盖。覆盖将根据属性以及单击该属性添加一个类。一切都很顺利,但现在我得做另一件事。当用户点击覆盖时,它必须关闭。在此更改之前,一切都是为我前面提到的按钮工作的。

  • 我使用的是dev-express中的react-grid库,库中有一个表组件,我们可以向它传递单元格组件,在CustomCell中,我使用的是Material UI中的菜单 在上述情况下,菜单工作良好, 但是我想要传递道具到这个组件,我尝试了以下操作 在这种情况下菜单不工作,我想知道是否有一个替代的方法来实现第二种情况。

  • 问题内容: 我在使用React表单和正确管理状态时遇到麻烦。我有一个形式为模式的时间输入字段。初始值在中设置为状态变量,并从父组件传递。这本身工作正常。 当我想通过父组件更新默认的start_time值时,就会出现问题。更新本身通过发生在父组件中。但是在我的表单中,默认的start_time值从不更改,因为它仅在中定义一次。 我尝试过通过强制进行状态更改,该更改确实有效,但给了我错误。 所以我的问

  • 在Tabs组件中,具有以下属性 儿童[0](this.props.children)将看起来像 孩子[0]。道具看起来像 我希望属性如下所示。上面只是打印出语句函数。 这是一个奇怪的问题,但说来话长,我正在使用一个库,这就是它的结论。

  • 问题内容: 可以说我有: 在Tabs组件内部,具有属性 儿童[0](this.props.children)看起来像 儿童[0]。道具看起来像 最终,Children对象看起来像(这是我想要传递的): 问题是这样,如果我这样重写MultiTab 在选项卡组件内部 看起来和上面一样。 好像 我希望该物业看起来像。上面只是打印出Statement函数。 这是一个很奇怪的问题,但是长话短说,我正在使用一

  • 当我想将函数传递到中的函数组件中时,我遇到了一个错误。问题出在哪里? 导出默认应用程序; 这是我点击p元素时出现的错误: React-dom.development.js:57未捕获错误:对象作为React子级无效(找到:具有键{dispatchConfig,_TargetInst,_DispatchListeners,_DispatchInstances,nativeEvent,type,tar