我想创建一个组件可以说,这可能会暴露一些类似功能的日历功能组件nextMonth,prevMonth因此使用它可以访问这些功能的父组件使用,等等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)