使用自动绑定:：运算符将params传递给react函数

import React from 'react';

function MyComponent({ param1, param2 }) {
  // 在函数组件中使用传递的参数
  return (
    <div>
      <p>参数1: {param1}</p>
      <p>参数2: {param2}</p>
    </div>
  );
}

const params = {
  param1: '参数1的值',
  param2: '参数2的值',
};

// 使用自动绑定运算符将params传递给函数组件
const element = <MyComponent {...params} />;

ReactDOM.render(element, document.getElementById('root'));

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const { param1, param2 } = this.props;

    // 在类组件中使用传递的参数
    return (
      <div>
        <p>参数1: {param1}</p>
        <p>参数2: {param2}</p>
      </div>
    );
  }
}

const params = {
  param1: '参数1的值',
  param2: '参数2的值',
};

// 使用自动绑定运算符将params传递给类组件
const element = <MyComponent {...params} />;

ReactDOM.render(element, document.getElementById('root'));