I can use a double and single quote to concatenate my dynamic variable but template string is cleaner. I got an unexpected token, any clue why?

...
return (<UserList id={subactions} key=`applications${query.status}` />)
...

I can use a double and single quote to concatenate my dynamic variable but template string is cleaner. I got an unexpected token, any clue why?

...
return (<UserList id={subactions} key=`applications${query.status}` />)
...

• javascript
• ecmascript-6
• template-strings

• Please add a tag for your environment/framework. – user663031 Commented Jun 8, 2017 at 5:02
• would key={'applications'+query.status} work? – Jaromanda X Commented Jun 8, 2017 at 5:07
• 5 would key={`applications${query.status}`} work? – user663031 Commented Jun 8, 2017 at 5:29

1 Answer 1

You need to change it to the code below.

return (<UserList id={subactions} key={ `applications${query.status}` } />)