React是一個(gè)可重用的組件化框架，可以幫助開(kāi)發(fā)者更加高效地開(kāi)發(fā)Web應(yīng)用程序。其中，React和CSS的結(jié)合是非常常見(jiàn)的一種形式，可以通過(guò)行內(nèi)樣式和外部樣式表兩種方式實(shí)現(xiàn)。

// 行內(nèi)樣式寫(xiě)法
function App() {
const style = {
color: "red",
backgroundColor: "yellow"
};
return (
Hello World!
);
}
// 外部樣式表寫(xiě)法
import React from "react";
import "./App.css";
function App() {
return (
Hello World!
);
}

行內(nèi)樣式的寫(xiě)法是在組件內(nèi)部定義一個(gè)style對(duì)象，其中包含所有需要的CSS屬性。然后就可以將style對(duì)象通過(guò)props傳遞給需要應(yīng)用樣式的HTML元素。這種方式可以根據(jù)需要?jiǎng)討B(tài)地修改樣式。

外部樣式表的寫(xiě)法是將CSS代碼放到一個(gè)單獨(dú)的文件中，通過(guò)import語(yǔ)句導(dǎo)入到組件中。然后將所有需要應(yīng)用樣式的HTML元素的class屬性設(shè)置為預(yù)定義的類(lèi)名即可。這種方式可以集中管理所有樣式，并且可以方便地在多個(gè)組件之間共享。