react用formData传参

在React中使用FormData传递参数可以通过以下步骤：

1. 创建一个FormData对象

const formData = new FormData();

2. 添加参数到FormData对象中

formData.append('name', '张三');
formData.append('age', 18);

3. 发送请求时，将FormData对象作为请求的body

fetch('/api/submit', {
  method: 'POST',
  body: formData
})
.then(response => {
  console.log(response);
})
.catch(error => {
  console.error(error);
});

注意，如果要上传文件，可以将文件对象添加到FormData中，例如：

formData.append('file', fileObject);

相关问题

react跳转页面传参

在React中，跳转页面并传递参数可以通过以下步骤实现：

1. 在需要跳转的组件中，导入 `react-router-dom` 库中的 `Link` 组件。

2. 在需要传递参数的组件中，使用 `Link` 组件进行跳转，并通过 `to` 属性指定跳转的路由，并通过 `state` 属性传递参数。

   import { Link } from 'react-router-dom';

   <Link
     to={{
       pathname: '/my-route',
       state: {
         myParam: 'paramValue',
       },
     }}
   >
     Go to My Route
   </Link>

3. 在接收参数的组件中，可以通过 `location` 对象的 `state` 属性获取传递的参数。

   function MyRouteComponent({ location }) {
     const { myParam } = location.state;
     return <div>{myParam}</div>;
   }

需要注意的是，使用 `state` 属性传递参数时，传递的数据只能是简单的 JavaScript 对象，不能是函数或类等复杂类型。此外，参数也不会出现在 URL 中，因此如果需要使用 URL 中的参数进行页面渲染，需要使用 `props.match.params` 或 `props.location.search` 等方式获取。

React 父子组件传参

在 React 中，父组件可以通过 props 将数据传递给子组件。子组件可以通过 this.props 访问这些数据。如果需要在子组件中修改这些数据，可以通过在父组件中定义一个函数，将这个函数作为 props 传递给子组件，在子组件中调用这个函数来修改父组件中的数据。

例如，父组件中定义了一个名为 name 的 state，然后将它作为 props 传递给子组件：

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'John'
    };
  }

  render() {
    return (
      <ChildComponent name={this.state.name} />
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        My name is {this.props.name}.
      </div>
    );
  }
}