如何在组件外面的其他地方对一个组件的状态做修改?-灵析社区

Midclimateeee

我有一个组件如下: export function MyComp() { const [data, setData] = useState(['1', '2', '3']) return ( { data.map(...) } ) } 我现在想要使用其他的地方对此组件MyComp的状态data做添加内容,请问应该如何做呢?是需要导出`setData`?

阅读量:239

点赞量:11

问AI
ref , useImperativeHandle 就是暴露给外部的方法。 其他的比如说 "inject", "export default inject('Store')(observer(Comp));",这个还可以拆分一个 store 的方案 或者 eventBus 应该都可以 import type { ForwardRefRenderFunction } from 'react'; import React, { forwardRef, useImperativeHandle } from 'react'; export interface CompNameRefHandle { } interface CompNameProps { } const CompName: ForwardRefRenderFunction = ({}, ref) => { useImperativeHandle(ref, () => ({ })); return ; }; export default forwardRef(CompName);