react native 断点调试

徐同保

已于 2022-02-16 10:32:59 修改

阅读量1.2k

点赞数

分类专栏： web前端文章标签： react native react.js javascript

于 2022-02-10 17:29:37 首次发布

本文链接：https://blog.csdn.net/xutongbao/article/details/122865462

版权

web前端专栏收录该内容

735 篇文章 15 订阅

订阅专栏

android studio avd 模拟器

expo 脚手架创建的项目

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

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”。