样式化反应 JS答案

【问题标题】：Styling React JS样式化反应 JS
【发布时间】：2020-02-11 03:27:32
【问题描述】：

我想创建一个组件，我可以传递一个可以更改该组件样式的道具。就像一些React Native Theme中的Block Component。

示例： <Block gray></Block>

这会将背景颜色更改为灰色。

对不起，我是初学者：D

【问题讨论】：

【解决方案1】：

如果您是初学者，那么我强烈建议您学习 React 样式和 CSS。 因为示例中展示了一些简单的技巧来理解反应样式

例如：

如何为组件添加 CSS 样式？传递一个字符串作为道具：

render() {
  return <Block style={{backgroundColor:'grey'}}>Menu</Block>
}

【讨论】：

【解决方案2】：

如果您只是在寻找简单且易于设置样式的组件，那么我会推荐 react-bootstrap。他们有大量的文档来解释如何传递会生成灰色组件的道具。

【讨论】：