反应本地：尝试分配给只读属性

Question

我通过在React Native中调用React.createRef创建一个React ref。然后，我将其分配给裁判。我收到错误消息：尝试分配给只读属性

myArray.sort((elemA, elemB) => elemA.start - elemB.start)

但是当我使用回调方式分配react ref时，一切正常。

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>
    )
  }
}

我不知道两种方式有什么区别

Answer 1

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

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