通过vue3学习react17（一）——组件间的方法调用（ts）

我在学习react的时候，工作中用的是vue。想通过vue的使用来分析一下react的写法。发现vue3里面的写法还是蛮多的，也和react17不一样，所以产生了这篇文章。有什么不对的，希望大家指正Vue(setup)写父组件(Parent.vue)#Parent.vue子组件(child.vue)#Child.vue子组件(newChild.vue)第二种写法#newChild.vueReact写法组件(Parent.tsx)#Parent.tsximport{useState}from"react";importChildfrom"./newChild";functionParent(){let[count,setCount]=useState(0);return(

);}exportdefaultParent;子组件(Child.ts)#Child.tsinterfaceChildInterface{计数：数字；setCount:(params:ChildInterface["count"])=>void;}interfaceChildPropsextendsReact.FC{}constChild:ChildProps=(props)=>{让{计数,setCount}=道具;return(

{setCount(++count);}}>点击

);};exportdefaultChild;子组件(newChild.ts)第第二种写法#newChild.tsimportReactfrom"react";interfaceChildProps{count:number;setCount:(params:ChildProps["count"])=>void;}classChildextendsReact.Component{render(){让{count,setCount}=this.props;return(

{setCount(++count);}}>按钮

);}}出口默认孩子;