网站搜索

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


我似乎无法理解 react.js 的工作流程。你仍然需要直接写 HTML 和 CSS 吗?

答案#1

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

HTML 你在 JavaScript 文件中的 render 函数里编写,如下面的示例:

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

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

CSS 你可以用两种方式来写

  1. 作为 CSS 模块,你可以编写一个 sass/less/stylus 或者甚至是 css 文件,然后在你的 JavaScript 文件中导入它,并使用 classname (npm 模块) 来调用它

  2. 作为样式化组件,在这种情况下,你把 CSS 作为 JSON 编写在你的 JavaScript 文件中