Set data attribute using string in react

Question

Just starting out in react and I've got a tooltip as part of a cart that I need to set the text for.

<a href="#" class="psh-Delivery_Link tip-Tooltip" data-tooltip={{ window.theme.strings.pushCart.deliveryToolTipText }}>test</a>

so I went to set the data-tooltip attribute, but this is giving me an error. Also tried data-tooltip="' + window.theme.strings.pushCart.deliveryToolTipText + '

Please edit the question to show the error. That will help anyone trying to troubleshoot. — displacedtexan
– displacedtexan, Commented Sep 15, 2021 at 15:12

Pierre · Accepted Answer · 2021-09-15 15:19:11Z

2

Try to change

data-tooltip={{ window.theme.strings.pushCart.deliveryToolTipText }}

To

data-tooltip={window.theme.strings.pushCart.deliveryToolTipText }

answered Sep 15, 2021 at 15:19

Pierre

4322 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vintr · Accepted Answer · 2021-09-15 15:23:57Z

0

Take a look at the React tutorial on props. In summary, if you want to send a prop that is a string you can simple enclose it in quotes.

<a prop="value">

Otherwise use single curly braces (in which you can write any JavaScript statement)

<a prop={value.foo}>

answered Sep 15, 2021 at 15:23

Vintr

4655 silver badges7 bronze badges

Collectives™ on Stack Overflow

Set data attribute using string in react

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related