在react-native中，我們使用styleSheet.create。我們在reactjs中使用什麼？

Question

在react-native中，我們使用styleSheet.create。我們在reactjs中使用什麼？

感謝您的幫助！

https://github.com/romseguy/redux-store-visualizer

我沒有看到任何使用這裏的風格，但有造型。他是如何實現這一目標的？或者我錯過了什麼？

Answer 1

中類似的辦法是做類似如下：

let styles = { 
    container: { 
    backgroundColor: 'red' 
    } 
} 

像上述的意見之一，因爲CSS已經支持的瀏覽器上的樣式表調用是不必要的。

最後，只需調用風格的行內的渲染函數的返回語句：

render() { 
    ... 
    return (
    <div style={styles.container} /> 
) 
} 

當然，除此之外，你有一些其他選項，以及像使用普通的CSS樣式表和類/標籤，但這可能是你習慣的最相似的選擇。

Answer 2

您可以使用內嵌樣式屬性，如：

<div style={{ background: 'red' }}> 

還是普通的CSS/SCSS。

還有PostCSS你可以看看。

---

關於編輯，

在DevTools.js，你可以看到，被作爲道具的<ChartMonitor />的推移，一些內嵌樣式。

有一些className定義像here這將允許您更改CSS中的樣式。

Answer 3

你有三個選擇：

1. Inline Styles
2. CSS Stylesheet
3. CSS Modules

有上Pluralsight一個很好的Styling React Components的課程，它涵蓋了所有這些選項