笔记
星星上的程序媛
这个作者很懒,什么都没留下…
展开
-
react学习--起步
react基础学习helloworld引入库创建react容器开始写reactJS的扩展语法,需要使用babel进行转义。脚手架开发环境搭建VSCode配置VSCode插件安装Chrome插件安装helloworld引入库 <!-- crossorigin 可以知道跨域资源报错的详细信息 --> <!-- react核心库,与宿主环境无关 --> <script crossorigin src="https://unpkg.com/react@16/umd/原创 2020-07-10 17:26:42 · 414 阅读 · 0 评论 -
react核心概念--JSX
react核心JSX什么是JSXJSX什么是JSXFacebook起草的JS扩展语法本质是一个JS对象,会被babel编译,最终会被转换为React.createElement每个JSX表达式,有且仅有一个根节点 React.Fragmentconst h1 = (<h1>Hello World <span>一个span元素</span></h1>)会被编译成const h1 = React.createElement("h1", {原创 2020-07-13 16:11:24 · 328 阅读 · 0 评论 -
react核心概念--组件
组件命名规则组件类型函数组件类组件组件的属性组件状态状态初始化状态的变化组件中的数据组件事件常规使用注意this指向问题处理方式命名规则组件名首字母必须大写如果首字母小写的话,会被当成一个html标签其解析,而不是一个组件function MyFuncComp1() { return <h1>组件内容1</h1>}const comp = <MyFuncComp1 />;console.log(comp)function myFuncComp2() {原创 2020-07-14 18:24:22 · 262 阅读 · 0 评论