乘以 const 一些道具与字符串格式协调

Question

我想乘以系数coeff的一些点的坐标。问题是这些坐标点在字符串道具中，如果我只是将它们乘以 {coeff} const，它似乎不起作用。我确定这是一个微不足道的问题，但我是初学者。

这里是原代码（40,5是第一个x1,y1，70,80是x2,y2等）：

<Svg height="100" width="100">
  <Polygon
    points="40,5 70,80 25,95"
    fill="lime"
    stroke="purple"
    strokeWidth="1"
  />
</Svg>

这就是我尝试做的事情：

const coeff = 1;
...
<Svg height="100" width="100">
  <Polygon
    points="40*${coeff},5*${coeff} 70*${coeff},80*${coeff} 25*${coeff},95*${coeff}"
    fill="lime"
    stroke="purple"
    strokeWidth="1"
  />
</Svg>

谢谢

Answer 1

可以使用 template literals。

let coeff = 2;
console.log(`${40*coeff} , ${5*coeff},
${70*coeff}, ${80*coeff} ,${25*coeff},
${95*coeff}`);

这是一个简单的 JS 示例，但可以在 JSX 中类似地使用。

乘以 const 一些道具与字符串格式协调

Multiply by a const some props coordinate with string format

reactjs

react-native

react-props