VSCode ${ 在 React Native 中<text>显示错误</text>

Question

I must have changed something somewhere in my VSCode because it's showing me an error for this code:

The code is:

<Text>
    ${item.final_price / 100}
</Text>

In this case, it should print a dollar value, like "$100" where the $ sign in this case is textual and the brackets here contain a variable.

When hovering on top of the red warning, there's no explanation for the error given. When adding a line break between $ and {item.final_price / 100} , the error is gone, but saving it puts them back together (prettier removes the line break, as it should).

This is probably a tsconfig/prettier declaration which is wrong or something like that. Any ideas?

Answer 1

try this

<Text>
{"$" + (item.final_price / 100)}
</Text>