将变量插入到字符串中

Question

虽然我是一名经验丰富的程序员，但我对js完全不熟悉并做出反应。

我正在尝试在自己的组件中使用react-native-svg组件Path。对于示例，一切都很清楚，但它使用字符串文字作为坐标。 E.g：

<Path d="M 10 20 L 30 40" stroke="red" />

但是我想使用我的组件的道具x1，y2，x2，y2中的坐标而不是文字，但我无法弄清楚如何种植它们引用的字符串以及M和L为例的各种字符。

Answer 1

如果您使用ES2015功能，template strings可能是一种方法，例如：

<Path
    d={`M ${this.props.x1} ${this.props.y1} L ${this.props.x2} ${this.props.y2}`}
    stroke="red"
/>

注意反引号而不是引号。

Answer 2

这看起来像我所拥有的类似question。您可以传入一系列项目并加入它们来创建字符串。

<Path d={['M', x1, y1, 'L', x2, y2].join(' ')} stroke="red" />