ts 文件里面可以使用useContext吗
时间: 2023-08-02 15:09:12 浏览: 210
可以的。useContext 是 React 提供的一个 Hook,可以在函数组件中使用。在 TypeScript 文件中使用 useContext 的方式与 JavaScript 文件中使用相同。需要在文件开头引入 React 和 useContext,然后就可以像下面这样使用了:
```typescript
import React, { useContext } from 'react';
import { MyContext } from './MyContext';
const MyComponent = () => {
const { value, setValue } = useContext(MyContext);
return (
<div>
<p>Value: {value}</p>
<button onClick={() => setValue(value + 1)}>Increment</button>
</div>
);
};
```
其中,MyContext 是一个 Context 对象,可以在另外一个文件中定义:
```typescript
import { createContext } from 'react';
type MyContextType = {
value: number;
setValue: (value: number) => void;
};
export const MyContext = createContext<MyContextType>({
value: 0,
setValue: () => {},
});
```
这样,在 MyComponent 中就可以使用 useContext(MyContext) 来获取 MyContext 中提供的 value 和 setValue 了。
阅读全文