我可以在ReactJS中将'const‘变量从一个组件传递到另一个组件吗？

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

const ParentComponent = () => {
  const myConst = 'Hello, World!';

  return (
    <div>
      <ChildComponent myProp={myConst} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = (props) => {
  return <div>{props.myProp}</div>;
};

export default ChildComponent;

// 创建Context
import React from 'react';

const MyContext = React.createContext();

// 提供Context的组件
const ProviderComponent = ({ children }) => {
  const myConst = 'Hello, World!';
  return (
    <MyContext.Provider value={myConst}>
      {children}
    </MyContext.Provider>
  );
};

// 消费Context的组件
const ConsumerComponent = () => {
  return (
    <MyContext.Consumer>
      {(value) => <div>{value}</div>}
    </MyContext.Consumer>
  );
};

// 在应用中使用
const App = () => (
  <ProviderComponent>
    <ConsumerComponent />
  </ProviderComponent>
);

export default App;

// Redux store setup (简化版)
import { createStore } from 'redux';
import { Provider, useSelector } from 'react-redux';

const initialState = {
  myConst: 'Hello, World!'
};

function reducer(state = initialState, action) {
  switch (action.type) {
    default:
      return state;
  }
}

const store = createStore(reducer);

// 组件中使用
const MyComponent = () => {
  const myConst = useSelector(state => state.myConst);
  return <div>{myConst}</div>;
};

const App = () => (
  <Provider store={store}>
    <MyComponent />
  </Provider>
);

export default App;