在React中，可以使用React的上下文（context）来解决在可重用组件之间共享状态的问题。下面是一个示例代码：

import React, { createContext, useContext, useState } from 'react';

// 创建一个上下文
const MyContext = createContext();

// 创建一个共享状态的提供者组件
const MyProvider = ({ children }) => {
  const [count, setCount] = useState(0);

  return (
    
      {children}
    
  );
};

// 可重用的组件A
const ComponentA = () => {
  const { count, setCount } = useContext(MyContext);

  return (
    

      
Count: {count}
       setCount(count + 1)}>Increase Count
    
  );
};

// 可重用的组件B
const ComponentB = () => {
  const { count, setCount } = useContext(MyContext);

  return (
    

      
Count: {count}
       setCount(count - 1)}>Decrease Count
    
  );
};

// 应用程序组件
const App = () => {
  return (
    
      
      
    
  );
};

export default App;

在上述代码中，我们首先创建了一个上下文MyContext，然后创建了一个共享状态的提供者组件MyProvider，它使用useState来创建了一个count状态和一个setCount更新状态的函数。

然后，我们创建了两个可重用的组件ComponentA和ComponentB，它们使用useContext来获取共享的count状态和setCount函数。

最后，在应用程序组件App中，我们将ComponentA和ComponentB放在MyProvider的内部，这样它们就可以共享count状态了。

通过这种方法，我们可以在可重用的组件之间共享状态，而不需要将状态提升到它们的共同父组件中。