Reputation: 335
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
Upvotes: 0
Views: 1270
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