大佬教程收集整理的这篇文章主要介绍了React Material UI - 根据 Slider 值而不是其他方式更新 TextField,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想根据滑块的值更新我的 TextFIEld 的值,但我仍然希望该 TextFIEld 可编辑自定义数字,如果输入自定义数字,它会覆盖来自的 TextFIEld 中的值滑块但不更新滑块。
我尝试将 TextFIEld 设置为受控组件,并且能够将滑块的值放入其中,但无法更新它。
我现在已经在同一个 handleChange 事件中获取了 SlIDer 和 TextFIEld 的值,如何让 TextFIEld 根据 SlIDer 值更新而不是相反?
export default function App() {
var slIDerVal
var textFIEldVal
const handleChange = (event,newvalue) => {
if (newValue === undefined) {
slIDerVal = slIDerVal;
} else slIDerVal = newValue
if (event.target.value === undefined) {
textFIEldVal = textFIEldVal
} else textFIEldVal = event.target.value
};
const marks = [
{
value: 20,label: "20 +"
},{
value: 200,label: "200 +"
}
];
return (
<div classname="App">
<SlIDer
DefaultValue={20}
valueLabeldisplay="auto"
step={10}
marks={marks}
min={20}
max={200}
onChange={handleChangE}
/>
<TextFIEld
name="yearlyDelay"
variant="outlined"
ID="yearlyDelay"
onChange={handleChangE}
/>
</div>
);
}
我在此处附加了一个关于代码和框的可行示例 - Working Example (原谅我刚刚把它放在一起的样式)
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的React Material UI - 根据 Slider 值而不是其他方式更新 TextField全部内容,希望文章能够帮你解决React Material UI - 根据 Slider 值而不是其他方式更新 TextField所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。