我在函数组件返回前使用了ref,这个时候ref还没定义。
使用useCallback(),把render的过程变成一个回调函数,把这个函数写在上面
function testComponent {
const ref = useRef(null);
.....
const renderTest = useCallback(()=>{
return <div ref={ref}>
ref.current.<method>();
return <div>{renderTest()}</div>
原来是 ref 初始化的时候没有加类型
改成
const ref: any = useRef(null);
就好了
(所以为什么不在初始化的时候报错啊!)
1.首先在子组件中使用defineEmits定义emit并定义事件名称,然后定义传值的方法,通过例如点击来触发方法从而调用emit来把值绑到事件上传给父组件。并且在最后通过defineExpose({})来暴露你想给ref看到的值
2.父组件中通过在子组件标签内使用@来接收事件,并且给子组件使用ref赋值,然后在setup中使用ref(null)声明该值。接收事件后触发的方法中使用 ref赋值.value.['值'] 来接收子组件传过来的值。在本文中为Sons.value.['toF']。...