react项目常用导入及包名

1.react包

 //useEffect:副作用函数,
 //useState:给函数组件提供状态
  import {
  React,
  useEffect,
  useState,
  useRef
 } from 'react'
 

2.react-dom

  //渲染dom
 import ReactDOM from 'react-dom'

3.redux

  // 1.创建store的方法和中间件的方法
  import { createStore, applyMiddleware } from 'redux'

4. react-redux

/*
   Provider:在根组件让所有组件共享store或其他数据
   useDispatch:组件调用dispatch需要useDispatch来创建
   useSelector:组件获取redux的状态
*/

import {
     Provider,
     useDispatch
 } from 'react-redux'

5.react-router

/*
    Redirect:路由重定向
    Route   :路由规则进行配置
    useHistory:创建history,可以用来组件跳转
*/

import { 
    Redirect,
    Route,
    useHistory
} from 'react-router'

6.react-router-dom

// 这些一般都是创建路由时需要用到
useParams
import { 
    BrowserRouter,
    HashRouter
    Router,
    Route, 
    Switch,
    Redirect,
    useParams
 } from 'react-router-dom'
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native是一种用于构建跨平台移动应用的框架,它可以使用JavaScriptReact技术来开发原生移动应用。下面是React Native的一些常见用法: 1. 创建一个新的React Native项目: 使用React Native CLI命令行工具创建一个新的React Native项目,例如: ``` npx react-native init MyApp ``` 2. 编组件: 在项目中编React Native组件,可以使用class组件或函数式组件来定义自定义组件。组件可以包含UI元素、样式和交互逻辑等。 3. 导入和使用内置组件: React Native提供了许多内置的UI组件和API,可以通过导入和使用它们来构建应用。例如,可以使用View、Text、Image、Button等组件来创建用户界面。 4. 样式和布局: 使用StyleSheet.create()方法创建样式对象,并将其应用于组件的style属性中。可以使用Flexbox布局模型来进行灵活的布局。 5. 处理用户输入和交互: 可以使用内置的触摸事件(如onPress、onLongPress等)来处理用户的输入和交互。还可以使用手势识别器(如PanResponder)来实现更复杂的手势操作。 6. 导航和路由: React Navigation是一个常用的第三方库,用于实现导航和路由功能。可以使用它来创建导航栏、选项卡、侧边菜单等导航组件。 7. 调用原生模块和API: 如果需要访问设备的原生功能和API,可以使用React Native提供的桥接机制来调用原生模块和API。这允许开发者编原生代码并与React Native应用进行交互。 8. 调试和测试: React Native提供了一些调试和测试工具,如React Native Debugger、Reactotron等,可以帮助开发者调试和测试应用。 以上是React Native的一些常见用法,但还有很多其他的功能和工具可供使用。建议查阅React Native官方文档和相关教程来深入了解和学习React Native的使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值