小编mah*_*zad的帖子

如何使用函数组件向 ref 公开函数?

我想创建一个组件可以说,这可能会暴露一些类似功能的日历功能组件nextMonthprevMonth因此使用它可以访问这些功能的父组件使用,等等ref。使用类组件很容易,因为实例方法是自动公开的。如何使用功能组件实现相同的功能?我知道我可以为此使用渲染道具模式。但是还有其他解决方案吗?

粗略的例子:

function Calendar() {
   const nextMonth = () => {...}
   const prevMonth = () => {...}

   return (
      <div>.....</div>
   )
}


function Parent() {
   const cal = createRef();

   const onNext = () => {
     cal.current.nextMonth();
   }

   return (
     <>
        <Calendar ref={cal} />
        <button onClick={onNext}>Next</button>
     </>
   )
}

Run Code Online (Sandbox Code Playgroud)

reactjs react-native

13
推荐指数
2
解决办法
3701
查看次数

标签 统计

react-native ×1

reactjs ×1