react outlet接收参数

在 React 中，我们可以通过 Props（属性）的形式向组件传递参数。组件通过 Props 接收参数后，可以在组件内部进行使用。

下面是一个例子，我们定义了一个名为 `MyComponent` 的组件，它接收一个名为 `title` 的参数，并将其作为标题显示在页面上：

import React from 'react';

function MyComponent(props) {
  return <h1>{props.title}</h1>;
}

export default MyComponent;

在使用 `MyComponent` 组件的地方，我们可以通过属性 `title` 将参数传递给组件：

import React from 'react';
import MyComponent from './MyComponent';

function App() {
  return <MyComponent title="Hello World" />;
}

export default App;

这样，`MyComponent` 组件就会显示 `Hello World`。在组件内部，我们可以通过 `props` 对象访问传递给组件的参数。在上面的例子中，我们通过 `props.title` 访问了 `title` 参数的值。