Javascript jsx中SVG中道具的正确语法

我创建了一个小的React组件，它本质上只是一个返回的SVG

我想将

fill

颜色传递给React组件，并使SVG使用该颜色

我这样调用SVG组件：

<Icon fillColour="#ff5e3a"/>

然而，我正努力在这个

jsx

文件中获得正确的语法，因为输出的HTML实际上显示的是

fill:${fillcolor}

而不是发送并设置为

fillcolor

的实际颜色十六进制代码

正确的语法是什么？

<line fill={`${fillColour}`} x1="49.91" y1="10.65" x2="89.26" y2="50"/>

您应该使用反引号而不是双引号

<line fill={`${fillColour}`}

---

我得到编译错误：
JSX值应该是表达式或引用的JSX文本
Whoops！我忘了在后引号周围加大括号了！固定的我得到编译错误：
JSX值应该是表达式或引用的JSX文本
oops，抱歉，修复了
<line fill={`${fillColour}`}