Auto Select React Material TextField 的值如何?
How can Auto Select React Material TextField's Value?
这是一个反应状态:
const [filterByInvoiceNo, setFilterByInvoiceNo] = useState( 0 );
这是 React Material TextField:
<TextField
size="small"
type="number"
label="Invoice No"
variant="outlined"
value={filterByInvoiceNo}
onChange={e => {
setFilterByInvoiceNo( e.target.value );
}}
/>
我需要在单击 TextField 框时自动 select 全部字段值。
请看图
下面应该可行
<TextField
size="small"
type="number"
label="Invoice No"
variant="outlined"
value={filterByInvoiceNo}
onChange={e => {
setFilterByInvoiceNo( e.target.value );
}}
onFocus={e => {e.target.select();}}
/>
这是一个反应状态:
const [filterByInvoiceNo, setFilterByInvoiceNo] = useState( 0 );
这是 React Material TextField:
<TextField
size="small"
type="number"
label="Invoice No"
variant="outlined"
value={filterByInvoiceNo}
onChange={e => {
setFilterByInvoiceNo( e.target.value );
}}
/>
我需要在单击 TextField 框时自动 select 全部字段值。
请看图
下面应该可行
<TextField
size="small"
type="number"
label="Invoice No"
variant="outlined"
value={filterByInvoiceNo}
onChange={e => {
setFilterByInvoiceNo( e.target.value );
}}
onFocus={e => {e.target.select();}}
/>