摘要: 1. 组件中的 props 和 state : 1. props 是由父组件(父类)传入的, state 是完全受组件自己控制的 通过一个案例来熟悉 state , 两种不同的方式封装组件,一种使用 props 传递参数,一种使用 state 做到解耦的方式封装 案例一: props 传递参数方式: 阅读全文
posted @ 2020-06-02 18:43 monkey-K 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 1. 函数定义组件 // myComponent.js import React from 'react'; function MyCompoennt (props) { // props 为组件属性传入的参数 return <h1>{props.name} : 我的第一个函数定义的组件</h1> 阅读全文
posted @ 2020-06-02 15:54 monkey-K 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 1. react DOM 渲染: ReactDOM.render(reactDom, container) reactDom : DOM 片段 container: 放到哪个DOM容器中(父节点) const element = <h1>Hello, world</h1>; ReactDOM.ren 阅读全文
posted @ 2020-06-02 14:32 monkey-K 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1. 创建第一个react单页程序 npx create-react-app my-app cd my-app npm start 2. 初始 JSX 语法 1. 先来一个实例: import React from 'react'; import ReactDOM from 'react-dom'; 阅读全文
posted @ 2020-06-02 14:09 monkey-K 阅读(130) 评论(0) 推荐(0) 编辑