如何在 react.js 中绘制矩形？

Question

如何让组件在页面上绘制一个矩形？

这个我已经试过了。

编辑：我从 React-Native 教程中提取了代码示例。我认为我可以在 react.js 中使用它。

EDIT2：我应该更清楚。我正在开发一个网站。

class tierbox extends React.Component {
  render() {
    return (
      <View style={styles.rectangle}></View>
    );
  }
}

Answer 1

假设您将使用 html 元素和 css 绘制它。

1. 渲染一个 <div className="rectangle" />

2. 在 html 中加载描述矩形的样式

.rectangle {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: black;
}

当然，根据您的需要，还有其他绘制矩形的方法，例如Canvas API