Reactjs 如何添加一组数据属性以作出反应？

如何以简单的方式向react render函数插入数据属性字符串

  render() {
    let data_attr_str=' data-test="1" data-test-2="2"';

    return (
      <div className="grid" {data_attr_str}>
        WHY YOU NOT WORKING? 
      </div>
    );
  }

render（）{
让data_attr_str='data test=“1”data-test-2=“2”；
返回(
你为什么不工作？
);
}

JSX不是模板引擎，所以不能仅仅连接该字符串。我想你应该了解更多细节

但您可以使用扩展属性：

render（）{
设dataAttrs={
“数据测试”：“1”，
“data-test-2”：“2”
};
返回(
现在它起作用了
);
}

是否要反序列化数据并用JSX显示？嘿，蒂亚戈，我希望最终的html输出是：为什么不工作？感谢Fhelvanger，也感谢+1的“现在它工作了！”

render() {
  let dataAttrs = {
    'data-test': '1',
    'data-test-2': '2'
  };

  return (
    <div className="grid" {...dataAttrs}>
      NOW IT WORKS
    </div>
  );
}