React Style 是 React.js 可维护的样式组件。使用 React Native StyleSheet.create一样的样式。
完全使用 JavaScript 定义样式:
1234567var
StyleSheet = require(
'react-style'
)
var
styles = StyleSheet.create({
foo: {
color:
'red'
,
backgroundColor:
'white'
}
})
样式 React 组件:
12345678910var
React = require(
'react'
)
class HelloWorld extends React.Component{
render() {
var
dynamicStyles = {color:
this
.props.color}
return
<div styles={[styles.foo, dynamicStyles]}>Hello, world!</div>
}
}
相关文章
- React中Antd的Select组件下拉样式如何修改
- React Native 开发常见问题及注意事项-Style 样式问题
- 移动web端的react.js组件化方案
- react+ts【项目实战二】配置主题/设置导二级导航样式/创建组件ref
- react.js插件开发,x-dailog弹窗浮层组件
- React.js 小书 Lesson4 - 前端组件化(三):抽象出公共组件类
- react-native-pg-style使用方法(以最简单的方式编写样式代码,抛弃react-native标准的样式创建方式.)
- React-Native 基础(四)使用style定义组件的样式
- React.js 小书 Lesson3 - 前端组件化(二):优化 DOM 操作
- React.js 小书 Lesson7 - 组件的 render 方法