如果你使用的是React.js,你还会写HTML / CSS文件吗?

时间:2017-04-23 04:01:47

标签: javascript html5 reactjs web

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

1 个答案:

答案 0 :(得分:5)

是的,您是否还需要编写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文件并使用classname (npm模块)调用它

  2. 作为styled component,在这种情况下,您将jss编码为javascript文件中的JSON