React.js 樣式組件：React Style

jopen 9年前發布 | 137K 次閱讀 JavaScript開發 React Style

React Style 是 React.js 可維護的樣式組件。使用 React Native StyleSheet.create一樣的樣式。

完全使用 JavaScript 定義樣式：

var StyleSheet = require('react-style')
var styles = StyleSheet.create({
    foo: {
      color: 'red',
      backgroundColor: 'white'
    }
})

樣式 React 組件：

var React = require('react')

class HelloWorld extends React.Component{

  render() {
    var dynamicStyles = {color: this.props.color}
    return <div styles={[styles.foo, dynamicStyles]}>Hello, world!</div>
  }

}

項目主頁：http://www.baiduhome.net/lib/view/home/1427535316590

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！