# react-router

**Repository Path**: zhoujunpei/react-router

## Basic Information

- **Project Name**: react-router
- **Description**: init
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-22
- **Last Updated**: 2025-01-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## node版本 18.19.0
## ruter 数据操作 

 > 根据路由规则进行路由匹配
 > 一般再渲染组件那是需要经历三个步骤:
 > 刚进入组件时.电泳接口获取数据:useEffect(loadData,[])
 > 在进行crud之后,调用接口重载数据 loadData()
 > 加载数据期间,展示loading状态:const [loading,setLoading] = useState(false)


 - 但是react-router提供了一套模板可以直接经理上述三个步骤
 > 刚进入组件时,调用useLoaderData获取loader返回得数据 const {list} = useLoaderData()
 > 在进行crud时,把操作提交到action中处理,action操作完成后,会自动reload数据
 > 执行loader/action期间调用useNavigation获取loading状态 const navgitations = useNavigation();console.log(navgitations.state !== 'idle')


15集-2:44(Router驱动数据的Actions方法) -> Actions