如何使用另一个组件中的变量(另存为字符串的URL )？

// 父组件
<ChildComponent url={url} />

// 子组件
const ChildComponent = ({ url }) => {
  // 使用url变量
  return <a href={url}>Link</a>;
};

// 创建上下文
const MyContext = React.createContext();

// 父组件
<MyContext.Provider value={url}>
  <ChildComponent />
</MyContext.Provider>

// 子组件
const ChildComponent = () => {
  // 使用url变量
  const url = useContext(MyContext);
  return <a href={url}>Link</a>;
};

// 定义action和reducer
const SET_URL = 'SET_URL';
const setUrl = (url) => ({ type: SET_URL, payload: url });

const urlReducer = (state = '', action) => {
  switch (action.type) {
    case SET_URL:
      return action.payload;
    default:
      return state;
  }
};

// 创建store
const store = createStore(urlReducer);

// 父组件
<Provider store={store}>
  <ChildComponent />
</Provider>

// 子组件
const ChildComponent = () => {
  // 使用url变量
  const url = useSelector((state) => state);
  return <a href={url}>Link</a>;
};