React Native笔记

• 用 HTML 创建 DOM，构建整个网页的布局、结构
• 用 CSS 控制 DOM 的样式，比如字体、字号、颜色、居中等
• 用 JavaScript 接受用户事件，动态的操控 DOM
  在这三者的配合下，几乎所有页面上的功能都能实现。但也有比较不爽地方，比如我想动态修改一个按钮的文字，我需要这样写：

<button type=”button” id=”button” onclick=”onClick()”>old button</button>

然后在 JavaScript 中操作 DOM：

<script> function onClick() { document.getElementById(‘button’).innerHTML=’new button’; } </script>

可以看到，在 HTML 和 JavaScript 代码中，id 和 onclick 事件触发的函数必须完全对应，否则就无法正确的响应事件。如果想知道一个 HTML 标签会如何被响应，我们还得跑去 JavaScript 代码中查找，这种原始的配置方式让我觉得非常不爽。

&nbsp;