一 React 1 React定义 React的GitHub地址是 https://github.com/facebook/react。它的官方介绍是 A JavaScript Library for Building user interfaces.可以看出React提出的是一个新的开发模式和理念            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-04 16:44:09
                            
                                176阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            expo升级SDK38后,原本创建项目时可选的导航模板变成了由typescript写的模板,于是自己还是js写一个,以下是效果地址https://github.com/tangmusenLiu/react-native-template            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-14 15:18:38
                            
                                393阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考示例: https://github.com/ruanyf/react-demosdemo2 简单数组遍历var names = ['Alice', 'Emily、o, {name}!</div>    })            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-06-23 23:00:00
                            
                                53阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JSX就是在js中写html代码。写在js里边的html标签就是JSJSX语法,JS+HTML或JS+XML的组合。需要react来解析。就必须引入React组件。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-26 15:24:26
                            
                                404阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            0、学习目标能够知道什么是jsx能够使用jsx创建react元素能够在jsx中使用javascript表达式 {}能够使用js            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-13 14:56:09
                            
                                193阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            import React, { Component } from 'react'; import { Text } from 'react-native'; export default class MoreContainer extends Component { render() { return ( MoreContainer ) } } ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-07-24 16:25:00
                            
                                468阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。这种看起来可能有些            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-14 09:47:05
                            
                                23阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在react中用jsx渲染dom的时候经常会遇到if条件判断,然而在jsx中竟是不允许if条件判断的。以下有几种判断方式,可以根据自己的应用场景,挑选适合的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-05 23:05:00
                            
                                138阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            此博文将讲解一个有趣的标签语法,它既不是字符串也不是HTML,它被称为JSX,是一个JavaScript的语法扩展,建议在React中配合使用JSXJSX可            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2023-10-12 09:55:55
                            
                                432阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                                
                     
                                    
                             
         
            
            
            
            //调用react下面的createElement方法,传入第一个参数是tag//第二个是属性,第三个是子    </div>)//...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-03 14:52:23
                            
                                78阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            The JSX Transformer library isnotrecommended for production use. Instead, you'll probably want to precompile your JSX into JavaScript.Install:npm inst...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-08-27 20:06:00
                            
                                180阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            react 报错:'React' must be in scope when using JSX react/react-in-jsx-scope 解决: import React, {Component} from 'react'; R大写 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-09 21:54:00
                            
                                2132阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            react简述-react基础-jsx语法-jsx表达式-jsx动态属性-jsx列表渲染            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-27 13:48:33
                            
                                277阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            "JSX transforms from an XML-like syntax into native JavaScript. XML elements and attributes are transformed into function calls and objects, respectiv...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-08-26 19:25:00
                            
                                136阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            用过React的同学应该知道会有一个.jsx为后缀的文件,什么交JSX语法呢,在这里因为React官方的一句话JSX是一个 JavaScript 的语法扩展。他干了什么,怎么变成的DOM的。先看一个代码的片段: 这三个代码片段就是怎么从一个JSX语法转换成VDOM的。再说一下去JSX语法怎么变成Re ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-23 14:52:00
                            
                                191阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            脚手架工具 选用react官方推荐的脚手架工具create-react-app 安装npm install create-react-app -g 项目初始化步骤 1、在github上创建一个项目仓库:首页 > new 2、将github上创建的仓库clone到本地:git clone git@gi            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-12-14 12:57:00
                            
                                122阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            JSX 的使用JSX 基本概念JSX 是 JavaScript XML 的简写,表示了在 JavaScript 中书写 XML 格式的代码。它是 React 的核心内容,可以让我们在 React 中创建元素更加简单,更加直观,提高开发效率。需要注意的是,JSX 是 JavaScript 的语法扩展,是一种语法糖,而不是一门新的语言。这是原来创建一个 React 元素的写法:import React            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-25 00:03:23
                            
                                98阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="zh"><head>    <meta charset="UTF-8">    <title>JSX</title>    <script src="script/react.development.js"></script>    <scri            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-12 06:46:37
                            
                                220阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-01-15 00:55:00
                            
                                546阅读
                            
                                                                                    
                                2评论