如何使用ReactJS向属性添加变量值？

Question

我试图通过ReactJS创建可动态添加的卡片。为此，我需要为div标签创建新的id（例如，我的代码的第8行有一个输入<div>，它使用一个变量。如何在JS中使用变量，以及一些额外的文本，给属性一个值？

无论我在哪里需要div标签都有卡号（表示为变量qnum添加到1），它都拒绝工作。

const questionFormat();

包装整个HTML的questionFormat标记位于f ( g x) ，(f . g) $ x 使用React呈现。

我也使用MaterialiseCSS，但我很确定这不是问题。

Answer 1

id={'question' + qnum+1 + '_option1'}

这将是有效的。

Answer 2

Basic Rule：

  

我们可以通过将它包装成卷曲来在JSX中嵌入任何JavaScript表达式   括号。

不要将变量放在""内，而是使用 template literals ，如下所示：

id = {`question${qnum+1}_option1`}

您也可以使用+（字符串连接），如下所示：

id = {"question" + (qnum+1) + "_option1"}