CODEWITHSUNDEEP
javascriptreactjsmaterial-ui
Sakhawat Hossain Sohel
Sakhawat Hossain Sohel

Reputation: 335

How can Auto Select React Material TextField's Value?

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

enter image description here

Upvotes: 0

Views: 1270

Answers (1)

Vasudev Bhat
Vasudev Bhat

Reputation: 229

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();}}
/>

Upvotes: 2

Related Questions