在 styled-components 的檔案中，您通常會看到示例中使用的以下符號
const Button = styled.button`
color: palevioletred
`;
render(
<Button>Click me</Button>
);
render當我開始學習樣式化組件時，JSX 被作為一個引數傳遞真的讓我很反感。這是我以某種方式錯過的 React 中的某種替代符號嗎？它是否意味著作為 React 的渲染函式回傳值的偽代碼簡寫？它是某種可以與樣式組件一起使用的 DSL 嗎？
uj5u.com熱心網友回復：
styled-components 網頁使用React Live來渲染演示組件，因此這 render()是 React Live 啟用的特定命令式表單，與 styled-components 沒有直接關系。
話雖如此，將 JSX 傳遞給render()函式并沒有什么特別之處：您通常使用ReactDOM.render(). JSX 編譯成React.createElement()，所以你實際上傳遞給函式的是一個 React 元素。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/408466.html
標籤：