使用React和react-router-dom将props传递给组件是非常常见的操作。React是一个用于构建用户界面的JavaScript库，而react-router-dom是React中用于实现路由功能的扩展库。在React中，我们可以通过props将数据从一个组件传递到另一个组件，以便在后者中使用。

bash
npm install react react-dom react-router-dom

bash
yarn add react react-dom react-router-dom

jsx
// 父组件
import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import ChildComponent from './ChildComponent';
const ParentComponent = () => {
  const data = '这是来自父组件的数据';
  return (
    
      
        
父组件
        
数据：{data}
        进入子组件
         } />
      
    
  );
};
export default ParentComponent;

jsx
// 子组件
import React from 'react';
const ChildComponent = (props) => {
  const { data } = props;
  return (
    
      
子组件
      
接收到的数据：{data}
    
  );
};
export default ChildComponent;

jsx
// 根组件
import React from 'react';
import ParentComponent from './ParentComponent';
const App = () => {
  return (
    
      
React Props传递示例
      
    
  );
};
export default App;