如何在函数之间传递变量？

Question

下午好朋友们。我有两个问题。

1. 如何将Fulloffset传递给scrollToRef函数？
2. 如何在对象中声明道具，使它们在所有函数中都可用？我试图避免在每个函数arrayOfHeight

中声明类似于"const {}= this.props“的内容。

​

export function withScrollToFirstError(Component: t.form.Component): React.ComponentType {
  class ScrollToFirstErrorHOC extends PureComponent<OuterProps & PropsFromState, ComponentState> {
    constructor(props: OuterProps & PropsFromState) {
      super(props);
      this.state = {
        height: 0,
        offset: 0,
      };
    }

    componentDidUpdate() {
      this.existError();
    }

    existError = () => {
      const { currentFieldId, firstFieldId, arrayOfHeight, fieldOffset, fieldErrors } = this.props;
      this.calculateCoordinate();
    };

    calculateCoordinate = () => {
        const fullOffset = offset + fieldOffset[0];
      this.scrollToRef();
    };

    scrollToRef = () => {
      if (this.props.reference) {
        this.props.reference.current.scrollTo({
          x: 0,
          y: 0,
          animated: true,
        });
      }
    };

​

Answer 1

将Fulloffset传递给scrollToRef

calculateCoordinate = () => {
      const fullOffset = offset + fieldOffset[0];
      this.scrollToRef(fullOffset); // like this
    };

scrollToRef = (fullOffset) => {
      if (this.props.reference) {
        this.props.reference.current.scrollTo({
          x: 0,
          y: 0,
          animated: true,
        });
      }
    };

全球宣布道具

export function withScrollToFirstError(Component: t.form.Component): React.ComponentType {
  class ScrollToFirstErrorHOC extends PureComponent<OuterProps & PropsFromState, ComponentState> {
    constructor(props: OuterProps & PropsFromState) {
      super(props);
      this.state = {
        height: 0,
        offset: 0,
      };
     // initialize here
     this.arrayOfHeight = props.arrayOfHeight;
    }

    componentDidUpdate() {
      this.existError();
    }

    existError = () => {
      // use here like 
      this.arrayOfHeight;
    };
}