TypeScript 在 createContext 問題中

Question

在我的應用程序上，我有這個：

const restaurantsArr = [{ name: McDonald, rating: 5 }]
const RestaurantContext = createContext();
const [restaurants, setRestaurants] = useState(restaurantsArr);

對於Provider ，我想從useState傳遞我的解構變量。

<Provider value={[restaurants, setRestaurants]} />

TS 對我大喊大叫，那個createContext必須有價值，但是如果我的createContext有空數組，例如我有錯誤。

我應該如何創建接口ContextProps ？

事實上，我有一個數組，其中包含另一個對象數組和一個 function。

我為此奮斗了幾個小時，我一直有警告和錯誤......

Answer 1

好的，所以我現在有這個：

    export const RestaurantsContext = createContext<any>([]);

    interface Props {
    children: ReactElement;
    }

    const RestaurantsProvider: React.FC<Props> = ({children}) => {
    const [restaurants, setRestaurants] = useState(restaurantsArr)

    return (
    <RestaurantsContext.Provider value={[restaurants, setRestaurants]}>
    {children}
    </RestaurantsContext.Provider>
    )

但這只是在 export const RestaurantsContext = createContext([]) 上的任何一種解決方法。

我想做的是有類似的東西：

interface ContextProps {

//這里有一些東西 }

但是我應該如何輸入 [data, setData]？ 它是一個包含對象數組和 setState function 的數組。 它殺了我！