企业官网建设流程全解析

如何让自己网站排名提高,制作网站学什么专业,文化传播做网站推广吗,高密做网站哪家强价位文章目录 1. 函数组件1.1 基本定义方式1.2 使用Hook的函数组件 2. 如何理解RN中的Props3. 双线程架构 1. 函数组件 在 React Native 中#xff0c;函数组件#xff08;Function Component#xff09; 是一种定义 UI 组件的简洁方式。它本质上是一个 JavaScript 函数#x…文章目录1. 函数组件1.1 基本定义方式1.2 使用Hook的函数组件2. 如何理解RN中的Props3. 双线程架构1. 函数组件在 React Native 中函数组件Function Component 是一种定义 UI 组件的简洁方式。它本质上是一个 JavaScript 函数接收 props 作为参数并返回一个 JSX 元素即 UI 结构。1.1 基本定义方式// 普通函数组件functionGreeting(props){returnTextHello,{props.name}/Text;}// 箭头函数组件constGreeting(props)(TextHello,{props.name}/Text);1.2 使用Hook的函数组件importReact,{useState}fromreact;import{View,Text,Button}from react-native;constCounter(){const[count,setCount]useState(0);return(ViewText点击次数:{count}/TextButtontitle点击onPress{()setCount(count1)}//View);};2. 如何理解RN中的Props在 React 和 React Native 中当你向一个组件传递属性attributes时这些属性会被自动封装成一个对象这个对象就是 props。MyComponentnameTomage{25}gender男/constMyComponent(props){console.log(props);// 输出{ name: Tom, age: 25, gender: 男 }return(ViewText姓名{props.name}/TextText年龄{props.age}/TextText性别{props.gender}/Text/View);};你可以像操作普通对象一样使用 props获取属性props.name解构赋值const { name, age } props;props 是只读的immutable不能直接修改。不要直接修改 props应该通过父组件传递新的值或使用 state 来管理变化。3. 双线程架构React Native 采用双线程架构JavaScript 线程运行你的业务逻辑、状态更新、组件渲染等。原生线程负责 UI 渲染、动画执行、手势识别等高性能操作