如果你使用 React.js，你还会写 HTML/CSS 文件吗？

Posted 2023-02-22

【中文标题】如果你使用 React.js，你还会写 HTML/CSS 文件吗？

【英文标题】：Do you still write HTML/CSS files if you're using React.js?

【发布时间】：2017-09-19 21:42:42

【问题描述】：

我似乎无法理解 react.js 的工作流程。您还需要直接编写 html 和 CSS 吗？

【问题讨论】：

CSS：是的。 HTML：有点……这取决于您希望第一次渲染的效率。

可以，但是 HTML 是写在 .js 文件中的，css 是必须的。

【参考方案1】：

是的，您仍然需要编写 HTML 和 CSS，但两者的工作流程不同

HTML 您在 javascript 文件中的渲染函数上编写，如下例所示：

const HelloMessage = (props) => 
    return (
        <div>Hello  props.name </div>
    );


ReactDOM.render(<HelloMessage name="Jane" />, mountNode);

CSS你可以用两种方式编写

作为css modules，您可以编写 sass/less/stylus 甚至 css 文件，然后在您的 javascript 文件中导入并使用类名 (npm 模块) 你称之为/p>

作为styled component，在这种情况下，您将 css 编码为 javascript 文件中的 JSON

【讨论】：

这样写 HTML 太奇怪了?