Как использовать React.forwardRef для предоставления дочерних методов? - PullRequest
Новая
       70

Как использовать React.forwardRef для предоставления дочерних методов?

0 голосов
/ 03 марта 2020

Что я пытаюсь сделать:

Я преобразовал свой реактивный компонент A в litElement <web-component-b />. Это способ использовать внутренние методы А? 

e.g. 
const myRef = useRef() 
<web-component-b ref={myRef}/>
myRef.current.innerMethod().

Ниже приведен псевдокод, который я разыгрываю. Я хочу раскрыть method1 и method2 компонента C3, но при запуске ref всегда имеет значение null. 

export default TestComponent = React.forwardRef(props, ref) => {
<Parent ref={ref}>
  <C1 ref={ref}>
    <C2 ref={ref}>
      <C3 ref={ref}> -> method1 and method that I want to use
        <C4>
          <C5>
});


// start to use
const testComponentRef = useRef(null);
<TestComponent ref={testComponentRef} />

testComponentRef.method1();
testComponentRef.method2();
...