开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第18天，点击查看活动详情
为什么使用jsx的组件中没有看到使用react却需要引入react？
本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。在React 17之前，如果使用了JSX，其实就是在使用React， babel 会把组件转换为 CreateElement 形式。在React 17之后，就不再需要引入，因为 babel 已经可以帮我们自动引入react。
React.Children.map和js的map有什么区别？
JavaScript中的map不会对为null或者undefined的数据进行处理，而React.Children.map中的map可以处理React.Children为null或者undefined的情况。
React-Router如何获取URL的参数和历史对象？
（1）获取URL的参数
- get传值
- 路由配置还是普通的配置，如：
'admin'，传参方式如：'admin?id='1111''。通过this.props.location.search获取url获取到一个字符串'?id='1111' - 可以用
url，qs，querystring，浏览器提供的api URLSearchParams对象或者自己封装的方法去解析出id的值。
- 动态路由传值
- 路由需要配置成动态路由：如
path='/admin/:id'，传参方式，如'admin/111'。通过this.props.match.params.id取得url中的动态路由id部分的值，除此之外还可以通过useParams（Hooks）来获取
- 通过query或state传值
- 传参方式如：在Link组件的to属性中可以传递对象
{pathname:'/admin',query:'111',state:'111'};。通过this.props.location.state或this.props.location.query来获取即可，传递的参数可以是对象、数组等，但是存在缺点就是只要刷新页面，参数就会丢失。
（2）获取历史对象 - 如果
React >= 16.8时可以使用React Router中提供的Hooks
import { useHistory } from "react-router-dom";
let history = useHistory();
2.使用this.props.history获取历史对象
let history = this.props.history;
关于react路由这里没有学很好，所以整理的而也不是很清楚，自己也不太明白。
