How can Auto Select React Material TextField's Value?

Question

This a react state:

const [filterByInvoiceNo, setFilterByInvoiceNo] = useState( 0 );

This is React Material TextField:

        <TextField
            size="small"
            type="number"
            label="Invoice No"
            variant="outlined"
            value={filterByInvoiceNo}
            onChange={e => {
              setFilterByInvoiceNo( e.target.value );
            }}
          />

I need to auto select totally field value when I click TextField Box.

Please see the image

Answer 1

Below should work

 <TextField size="small" type="number" label="Invoice No" variant="outlined" value={filterByInvoiceNo} onChange={e => { setFilterByInvoiceNo( e.target.value ); }} onFocus={e => {e.target.select();}} />