我如何将 ref 传递给 state？

Question

我创建了一个 ref 并将它作为参数传递给组件。 现在我怎样才能在不派遣的情况下将它写入 State？

 const myRef = createRef<any>(); const KeyboardAvoidingWrapper: React.FC<IKeyboardAvoidingProps> = ( props: IKeyboardAvoidingProps, => { if (isAndroid) { return ( <ScrollView ref={myRef} style={styles.scroll} contentContainerStyle={styles.scrollContent}> <KeyboardAvoiding>{props.children}</KeyboardAvoiding> </ScrollView> ); }

Answer 1

这个例子可能对你有帮助。

<Component ref={(ref) => {
  // You can now write ref to state,
  // which I will not recommend
  // or pass it to callback
  props.getInnerRef(ref);
}} />

// You need to pass getInnerRef
<Component getInnerRef={(ref) => {
  this.innerRef = ref;
}}

Answer 2

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));

// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;

请参阅反应文档。 它清楚地定义了如何使用 refs。

转发引用