gpt4 book ai didi

reactjs - 在 TextField 组件内添加元素 - Material UI

转载 作者:行者123 更新时间:2023-12-03 13:57:09 28 4
gpt4 key购买 nike

我想创建具有 select 属性但也能够在其中写入自定义文本的输入元素。我正在使用 React 和 Material-UI。

是否可以在 Material-UI 中的 TextField 组件内(在输入下方的 div 内)添加元素。

目前: 乌斯卢加 格鲁普尼 位置 ....

添加元素:

<div class="MuiFormControl-root-142 ...>
<label class="MuiFormLabel-root-151 ...>Usluga</label>
<div class="MuiInput-root-156 ...>
<input aria-invalid="false" ... list="services" value="">
<datalist id="services">
<li tabindex="-1" ...>grupni<span class="MuiTouchRipple-root-82"></span>
</li>
<li tabindex="-1" ...>Pos<span class="MuiTouchRipple-root-82"></span>
</li>
....
</div>
</div>

当前 react :

<TextField
id="service"
label="Usluga"
className={classes.textField}
margin="normal"
onChange={handleChange}
inputProps={{
list: "services"
}}
/>
<datalist id="services">
{
services.map(option => (
<MenuItem key={option.id} value={option.service}>
{ option.service }
</MenuItem>
))
}
</datalist>

如果这不可能,还有什么其他方法可以做到这一点?

最佳答案

你可以试试这个方法,它对我有用:)

<TextField
required
id='password'
label='Password'
onChange={handleOnChange}
type={toggle.passwordVisibility ? 'text' : 'password'}
InputProps={{
endAdornment: (
<InputAdornment position='end'>
<IconButton
aria-label='toggle password visibility'
onClick={handlePasswordVisibility}
onMouseDown={handleMouseDownPassword}>
{toggle.passwordVisibility && <Visibility />}
{!toggle.passwordVisibility && <VisibilityOff />}
</IconButton>
</InputAdornment>
),
}}
/>

关于reactjs - 在 TextField 组件内添加元素 - Material UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51694149/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com