android studio avd 模拟器

expo 脚手架创建的项目

react native 断点调试_react.js


react native 断点调试_react.js_02

点击debug remote js后自动打开浏览器:

react native 断点调试_iphone_03

react native 断点调试_react native_04

react native 断点调试_iphone_05

react native 断点调试_javascript_06

react native 断点调试_android_07

App.js:

import React, { useState } from 'react';
import { View, TextInput, Text} from 'react-native'

export default function App() {
const [username, setUsername] = useState('admin')

const handleInput = (e) => {
console.log(e)
setUsername(e)
}

return <View>
<Text>Hello</Text>
<TextInput value={username} onChangeText={handleInput}></TextInput>
<Text>{username}</Text>
</View>
}

iphone真机也可以打断点调试:

摇动手机,弹出开发菜单,选择“Debug Remote JS”。

react native 断点调试_react.js_08


react native 断点调试_android_09

react native 断点调试_react native_10

react native 断点调试_react native_11

React学习计划-React16--React基础(九)react新知识 hooks,路由懒加载,Fragment,Context,组件优化,render props,错误边界

1. setState更新状态的2种写法对象式的setState:setState(setChange, [callback])setChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数,它的状态更新完毕,界面也更新后(render调用后才被调用)函数式的setState:setState(updater, [callback])update

昨天,微软正式发布了三合一版本的手机Office应用。是的, 这款新应用将原本独立的Word、Excel和PPT完全整合到了一起。 应用界面非常简单,首页中可以打开和编辑现有文档,而点击下方的加号就能新建文档: 除此之外,手机Office还提供了PDF编辑查看、文件同步以及文档扫描等功能。 三顿简单体验了一下,感觉还真心不错。那 它具体有哪些功能,又