json - 在 React 中用 CSS 替换 JSON 值

Question

我会尽力解释这一点。有一个 JSON 结果将文本的每一段分开并用 0 或 1（甚至 0.3 等）标记它们。前端的字符串化结果也显示了这些数字。有没有办法替换这些并根据值（0、0.1 或 1）应用 CSS 样式？

JSON：

"content": [
  [0.0, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", []],
  [0.0, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", []],
  [1, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", []],
];

标签： jsonreactjs

Answer 1

执行此操作的 React 方法是使用array.map()：

content.map((element) => {
  return (
    <div style={{cssProperty: element[0]}}>
      {element[1]}
    </div>
  );
}