Concatenation with jsx don't work

Asked Jul 09 '18 at 17:57

Active Jul 09 '18 at 17:57

Viewed 82 times

I have a react router like this:

<Route path={this.props.match.path} component ={CollectionContainer}/>

it works fine: supposing that this.props.match.path value is /home, i go to /home and the router correctly render the component "CollectionContainer" Now I want concatenate this.props.match.path with another string, for example the string "a". I've tried in these ways but the container doesn't appear:

method a:

<Route path={this.props.match.path + 'a'} component ={CollectionContainer}/>

method b:

<Route path={'${this.props.match.path}a'} component ={CollectionContainer}/>

Some can explain me what I'm doing wrong?

asked Jul 09 '18 at 17:57

g. tu

Actually your first example should work. But are you going for `/home/a` or `/homea`? – Andrew Li Jul 09 '18 at 17:59
2

are you using ` ` or ' '? In method b try using backticks instead of the single quotes. – Joshua Blevins Jul 09 '18 at 18:00
method b wont work you need to use backticks instead of single quotes – Jay Lane Jul 09 '18 at 18:01
yes i want go to /homea, i'm using ' ' – g. tu Jul 09 '18 at 18:02

Concatenation with jsx don't work

0 Answers0