Reactjs: Uncaught TypeError: невозможно установить свойство innerHTML равным null

Вам нужно присвоить значение реф. Вы передаете ref как функцию.

class App extends React.Component {
  constructor(props) {
    super(props);
    this.check = this.check.bind(this);
  }

  state = {
    dom: null
  };

  drawBackground() {
    console.info("worked");
  }

  componentDidMount() {
    this.check();
  }

  check() {
    const innerHTML = ReactDOM.findDOMNode(this.myRef).innerHTML;
    setTimeout(
      () => (ReactDOM.findDOMNode(this.myRef).innerHTML = "TEST"),
      1000
    );
    console.info(innerHTML);
    this.setState({
      dom: innerHTML
    });
    {
      this.drawBackground();
    }
  }

  render() {
    return (
      <div>
        <h1 ref = {ref => (this.myRef = ref)} id = "foo">
          bar
        </h1>{" "}
        //You need to assign the value of the ref to the instance variable
      </div>
    );
  }
}

Ссылка сначала устанавливается после первого render ()

проверить демо один раз демонстрация

Вы ссылаетесь на ссылку сразу после ее объявления, поскольку объект ссылки получает смонтированный экземпляр компонента в качестве своего текущего.

Если вы одновременно пытаетесь получить доступ к модели DOM, она пытается ее сгенерировать. this.myRef ничего не вернет, потому что компонент не имеет реального представления DOM при рендеринге.