我们上一节封装了一个按钮，这一节我们继续理解封装的概念和了解封装组件需要注意的事项 首先我们回顾上一篇最后的代码，代码如下 const Button = ({color,text}) =>{ return { type: 'button', props: { className: `btn btn - $ { color }`, children: { type: 'em', props: { children: text, }, }, }, }; } 我们最终调用的形式如下所示 Button({color:…

上一节，我们使用 create-react-app 生成示例程序的代码，这一节我们详细介绍下如何进行修改代码 看了一些 React 的书籍，其实 React 使用 JSX 语法，将程序的模块化和抽象做的很好。 我们新建立的程序的目录如下 moz-todo-react ├── README.md ├── node_modules ├── package.json ├── package-lock.json ├── .gitignore ├── public │   ├── favicon.ico │   ├── in…

最近在公司中的项目中是一个 React native 开发的程序，因此就有了这个文章，搭建第一个 React 的程序。 这个应该会很快写完，毕竟比较简单，这篇文章的目的还是尝试如何创建第一个React程序 学习一个事物，我认为最大限度的降低初学者的成本是最重要的，毕竟创造一个新的软件为了让其他人使用，而不是让做出来的软件自己都不用。 Mozilla 关于 JSX 语法的描述 由于 JSX 是 HTML 和 JavaScript 的结合，因此一些开发人员认为它很直观。其他人则说它的混合特性使它变得混乱。但是，一旦熟悉…