保留参考的本地副本并转发该参考

Question

我正在尝试在React中包装一个简单的元素，但是我还需要在该组件中引用的本地副本：

class Wrapper extends React.Component {
  constructor() {
    super();
    this.ref = React.createRef();

    this.createRef = this.createRef.bind(this);
  }

  createRef(element) {
    this.ref = element;
    // this.props.innerRef ????;
  }

  render() {
    const { innerRef } = this.props;
    return (
      <div>
        <p ref={this.createRef}>HI there</p>
      </div>
    );
  }
}

const ReffedWrapper = React.forwardRef((props, innerRef) => (
  <Wrapper innerRef={innerRef} />
));

我可以让它返回很多示例和文档中的innerRef，当然我可以将其设置为具有并使用标准引用（例如docs）。我该如何在两个地方都使用ref？

代码可在此处找到：https://codesandbox.io/s/rl302xkv64