React Native:试图分配给ReadOnly属性

Question

i通过调用react.createref在React Native中创建React Ref。然后，我将其分配给参考。我有错误：试图分配给Readonly属性

export default class List extends PureComponent<Props, object> {
  private flatListRef: React.RefObject<FlatList<any>>;
  constructor(props) {
    super(props);
    this.flatListRef = React.createRef();
  }
  render() {
    return (
      /.../
      <FlatList ref={this.flatListRef}></FlatList>
    )
  }
}

但是，当我使用回调方式分配React Ref时，一切都可以。

<FlatList ref={ele => { this.flatListRef = ele }}></FlatList>

我不知道两种方式

Answer 1

react中的 ref属性期望一个函数，并且在安装组件后立即调用。除了设置参考外，您还可以做其他事情。

https://zhenyong.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute