在使用react-router时，如何从子组件设置父组件的状态？

在使用react-router时，要从子组件设置父组件的状态，可以通过以下步骤实现：

在父组件中定义一个状态，并将其作为props传递给子组件。
在子组件中，通过props接收父组件传递的状态。
在子组件中，通过某种交互（例如按钮点击、表单提交等）触发一个回调函数。
在回调函数中，通过props调用父组件传递的函数，并将需要更新的状态作为参数传递给该函数。
在父组件中，定义一个函数来更新状态，并将其作为props传递给子组件。
在子组件中，通过props调用父组件传递的更新状态的函数，并将需要更新的状态作为参数传递给该函数。

这样，当子组件触发交互时，就可以通过回调函数将需要更新的状态传递给父组件，并由父组件来更新状态。

以下是一个示例代码：

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [status, setStatus] = useState('');

  const updateStatus = (newStatus) => {
    setStatus(newStatus);
  };

  return (
    <div>
      <h1>Status: {status}</h1>
      <ChildComponent updateStatus={updateStatus} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = ({ updateStatus }) => {
  const handleClick = () => {
    updateStatus('Updated status from child component');
  };

  return (
    <button onClick={handleClick}>Update Status</button>
  );
};

export default ChildComponent;

在上面的示例中，父组件ParentComponent定义了一个状态status和一个更新状态的函数updateStatus，并将updateStatus作为props传递给子组件ChildComponent。子组件中的按钮点击事件触发handleClick函数，该函数通过props调用父组件传递的updateStatus函数，并将需要更新的状态作为参数传递给该函数。父组件接收到状态更新的参数后，调用setStatus函数更新状态。最终，父组件的状态更新会反映在页面上。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。