React / Typescript: Optional Chaining in Typescript 3.7

Utilizzare l’ “Optional Chaining” in React & Typescript 3.7 per evitare l’esecuzione di codice nel caso in cui l’espressione in cui è applicato generasse un’eccezione

import React, { useEffect, useRef } from 'react';
import './App.css';

const App: React.FC = () => {

  const inputEl = useRef(null);

  useEffect(() => {
    inputEl.current?.focus();
  }, []);

  return (</pre>
<div><input type="text" placeholder="Write something..." /></div>
<pre>  );
};

export default App;