Reactjs 风格反应JS

Reactjs 风格反应JS,reactjs,react-native,styles,Reactjs,React Native,Styles,我想创建一个组件,我可以通过一个道具,可以改变该组件的样式。就像某些本地主题中的块组件 例如: 这会将背景颜色更改为灰色 很抱歉,我是一个初学者:如果您只是在寻找简单且易于样式化的组件,那么我建议您使用react引导。他们有大量的文档来解释如何传递道具,使其成为灰色组件 链接:如果您是初学者,我强烈建议您学习React样式和CSS。 因为这里展示了一些简单的技巧来理解react样式 文档链接: 例如: 如何向组件添加CSS样式?将字符串作为道具传递: render() { return &

我想创建一个组件,我可以通过一个道具,可以改变该组件的样式。就像某些本地主题中的块组件

例如:

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


很抱歉,我是一个初学者:如果您只是在寻找简单且易于样式化的组件,那么我建议您使用react引导。他们有大量的文档来解释如何传递道具,使其成为灰色组件


链接:

如果您是初学者,我强烈建议您学习React样式和CSS。 因为这里展示了一些简单的技巧来理解react样式

文档链接:

例如:

如何向组件添加CSS样式?将字符串作为道具传递:

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



render(){
返回菜单
}

要快速设置样式,您需要使用任何前端UI框架,如引导、材质UI等。然后您可以在组件中使用样式类。您可以为问题添加更多详细信息吗?你到底想要什么?你想创建自定义样式并将其作为道具传递吗?这是错误的。没有用于内联样式设置的连字符。它应该是
style={{{backgroundColor:'grey'}}