reactjs - 我如何在 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