reactjs js传参

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

function ParentComponent() {
  const message = "Hello from Parent";
  return <ChildComponent message={message} />;
}

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

function ChildComponent(props) {
  return <div>{props.message}</div>;
}

export default ChildComponent;

// 创建Context
import React, { createContext } from 'react';

const MyContext = createContext();

// 提供Context的组件
function ParentComponent() {
  const message = "Hello from Context";
  return (
    <MyContext.Provider value={message}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

// 消费Context的组件
function ChildComponent() {
  const message = React.useContext(MyContext);
  return <div>{message}</div>;
}

export default ParentComponent;