sending state as a prop inside react

Question

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

I have to send state of parent component as a prop to UpdateSummary. i tried sending like below,

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

I am getting error as below

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.

Thanks in advance

score 2 · Accepted Answer · answered Feb 26 '18 at 11:07

2

Don't pass the props inside of the component attribute, instead do so like this:

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

answered Feb 26 '18 at 11:07

sme

4,023
3
28
42

can i write like this... – Basavaraj Hadimani Feb 26 '18 at 11:31
I think if you right it that way, you will have to access all props thru the data object. But it should work – sme Feb 26 '18 at 11:35

sending state as a prop inside react

1 Answers1