reactjs component如何传递一个对象到外部组件或者一个事件

在React中，你可以通过props将对象传递给外部组件，或者通过事件将对象传递给另一个组件。

通过props传递对象到外部组件：

// 父组件
import React from "react";
import ChildComponent from "./ChildComponent";

class ParentComponent extends React.Component {
  render() {
    const myObject = { name: "John", age: 25 };
    return <ChildComponent myObject={myObject} />;
  }
}

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

class ChildComponent extends React.Component {
  render() {
    const { myObject } = this.props;
    return (
      <div>
        <p>Name: {myObject.name}</p>
        <p>Age: {myObject.age}</p>
      </div>
    );
  }
}

export default ChildComponent;

通过事件传递对象到另一个组件：

// 发送事件的组件
import React from "react";

class SendingComponent extends React.Component {
  handleClick = () => {
    const myObject = { name: "John", age: 25 };
    this.props.onSendObject(myObject);
  };

  render() {
    return <button onClick={this.handleClick}>发送对象</button>;
  }
}

// 接收事件的组件
import React from "react";

class ReceivingComponent extends React.Component {
  handleReceiveObject = (myObject) => {
    console.log(myObject);
  };

  render() {
    return (
      <SendingComponent onSendObject={this.handleReceiveObject} />
    );
  }
}

在上面的例子中，当点击"发送对象"按钮时，SendingComponent组件将会通过props调用父组件传递过来的onSendObject函数，并将myObject作为参数传递给它。然后，ReceivingComponent组件会接收到这个对象，并在控制台中打印出来