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

Question

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

Answer 1

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

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

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

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

CSS 你可以用两种方式编写

1. 作为css modules ，您可以编写 sass/less/stylus 甚至 css 文件，然后导入您的 javascript 文件并使用类名 (npm 模块) 调用它

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