ReactJS

约 236 个字 预计阅读时间 1 分钟

引入

先对前面的知识做个总结，三大件：html,css,javascript的作用依次是渲染文本框架，丰富静态细节，进行动态交互，但事实上如今很少真的从零开始写这三个东西，因为我们有框架（库），就比如ReactJS，这是一个用于构建用户界面的 JavaScript 库。

HTML

// index.html
<div class="title">
    Hello World!
</div>
        

CSS

// styles.css
.title {
    font-size: 18px;
    margin: 12px;
}
        

JavaScript

// main.js
() => {
    console.log("Hello World !");
}
        

组件

“boxes" = React Core,React Component可以被一段html和其他component表示，它作为一个组件可以接受和维护自己的信息，我们把组件按照树状结构组装起来就可以得到我们的网站