在 react <Route component={COMPONENT_NAME}> [重复] 中将状态作为道具发送答案

【问题标题】：sending state as a prop inside react <Route component={COMPONENT_NAME}> [duplicate]在 react <Route component={COMPONENT_NAME}> [重复] 中将状态作为道具发送
【发布时间】：2018-08-05 19:38:09
【问题描述】：

        <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.

提前致谢

【问题讨论】：

检查重复，

标签： javascript reactjs react-router

【解决方案1】：

不要在组件属性中传递 props，而是像这样：

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

【讨论】：

我可以这样写吗...
我认为如果你这样做，你将不得不通过数据对象访问所有道具。但它应该工作