Javascript 如何设置innerHTML反应js格式

所以我给出了这个代码：

render() {
  console.log(this.props, 'ey');
  const var1 = "<div className={{blahblah}} style={{width: '10px'}}>{textvar}</div>"


  return (
    <div dangerouslySetInnerHTML={{ __html: `${var1}` }}>
    </div>
  );
}

---

任何帮助都将不胜感激。谢谢

您需要这样做才能使用

ES6

插值字符串文字（规范称为模板文字不准确）：

如果您使用的是类，则无需同时使用style关键字。只需在CSS中设置宽度

---

您可以在CodePen上看到上面的一个工作示例。

是否有理由使用字符串与引用组件？

<div class="blahblah style="width: 10px"}}>the variable text</div>

<div dangerouslySetInnerHTML={{ __html: ${var1} }}>

<div dangerouslySetInnerHTML={{ __html: var1 }}>

const var1 = <div class=${blahblah}>${textvar}</div>;