ChartRender 多图表时, 如何在mounted时执行?

[vaynevayne]

对于动态的多chart的场景, 不知道我这种用法是不是正常,
一个Provider 只能拿到一个 refresh, 感觉没办法天然支持多图, 不过感觉好像也不需要支持多图, 有兴趣的话,
想探讨下, 如果想useChart自己支持的话, 内部该如何实现, 以及怎么使用会好一些

另外, 看文档的意思, Search 和Column 兄弟关系时,受先后顺序影响,
假如 app 和 cardChart是父子关系, 可以mounted时调用的 对吗?

const CardChart = ()=> {
const {refresh} = useChart()

useimperativehandle(ref,()=>({
refresh,
}))

return (
<Card
      title="访问趋势"
      extra={<Search searchOnChange api={api} schema={schema} />}
    >
      <Column />
</Card>
)
}

export default withChart(CardChart)

const App =()=>{
const refMap = useRef(new Map())

// 主动调用
const onFinish = ()=>  refMap.values().forEach((instance)=> instance.refresh())


useEffect(()=>{
onFinish() //  这里能成功调用吗? 
},[])


return (
<>

<Form  onSubmit={onFinish}/>
{[1,2,3].map((str)=><CardChart  ref={node =>refMap.set(str,node) }>)}
</>
)


}