企业官网建设流程全解析

flash网站推荐,莆田网站建站,山东城乡建设厅网站,海西高端网站建设公司文章目录一. 官方文档学习1. 环境搭建2. 函数式组件和class组件3. React 基础3.1 JSX语法定义一个组件3.2 Props 属性3.3 State 状态4. 处理文本输入记录RN的入坑记录#xff0c;零散笔记一. 官方文档学习 官方文档 1. 环境搭建 资料1 资料2 2. 函数式组件和class组件 函…文章目录一. 官方文档学习1. 环境搭建2. 函数式组件和class组件3. React 基础3.1 JSX语法定义一个组件3.2 Props 属性3.3 State 状态4. 处理文本输入记录RN的入坑记录零散笔记一. 官方文档学习官方文档1. 环境搭建资料1资料22. 函数式组件和class组件函数式组件和 Class 组件是 React 中定义组件的两种主要方式它们在语法、功能和使用场景上有一些区别。函数式组件Functional Component函数式组件是一个简单的 JavaScript 函数接收一个 props 对象作为参数并返回一个 React 元素。它是定义组件的最简单方式。function Welcome(props) { returnh1Hello, {props.name}/h1; }Class 组件Class ComponentClass 组件是通过继承 React.Component 类来定义的它需要实现 render() 方法来返回 React 元素。class Welcome extends React.Component { render() { returnh1Hello, {this.props.name}/h1; } }3. React 基础添加链接描述3.1 JSX语法定义一个组件importReactfromreact;import{Text}fromreact-native;constCat(){return(TextHello,Iam your cat!/Text);}exportdefaultCat;在别处通过来任意引用这个组件了3.2 Props 属性importReactfromreact;import{Text,View}fromreact-native;constCat(props){return(ViewTextHello,Iam{props.name}!/Text/View);}constCafe(){return(ViewCat nameMaru/Cat nameJellylorum/Cat nameSpot//View);}exportdefaultCafe;3.3 State 状态如果把 props 理解为定制组件渲染的参数 那么state就像是组件的私人数据记录。状态用于记录那些随时间或者用户交互而变化的数据。状态使组件拥有了记忆importReact,{useState}fromreact;import{Button,Text,View}fromreact-native;constCat(props){const[isHungry,setIsHungry]useState(true);return(ViewTextIam{props.name},andIam{isHungry?hungry:full}!/TextButton onPress{(){setIsHungry(false);}}disabled{!isHungry}title{isHungry?Pour me some milk, please!:Thank you!}//View);}constCafe(){return(Cat nameMunkustrap/Cat nameSpot//);}exportdefaultCafe;4. 处理文本输入