[Solved]-With React Router : How to render a component multiple times with differents props each time in a Route?-Reactjs

score:2

the render function is just like a regular render, so you can add two times your component

<Router>
  <Route
    path="/economie"
    render={props => (
      <React.Fragment>
        <Line_json
          {...props}
          senseAction={"ispositif"}
        <Line_json
          {...props}
          senseAction={"isnegatif "}
        ></Line_json>
      </React.Fragment>
      )
    )}
  />
</Router>

Given you need always one root parent for your components, you must add a <React.Fragment>

Gonzalo.- 12153

score:2

You can render it in a Fragment:

render={props => (
  <>
    <Line_json
      {...props}
      senseAction="ispositif"
    />
    <Line_json
      {...props}
      senseAction="dsgdsg"
    />
  </>
))}

Or an array with unique keys:

render={props => ([
    <Line_json
      {...props}
      key="ispositif"
      senseAction="ispositif"
    />
    <Line_json
      {...props}
      key="dsgdsg"
      senseAction="dsgdsg"
    />
  </>
])}

Dominic 56492

Source: stackoverflow.com

[Solved]-With React Router : How to render a component multiple times with differents props each time in a Route?-Reactjs

Related Query

More Query from same tag