如何访问 MaterialUI/React 中的 inputRef 值

Question

我想类似地访问DOM元素以与USEREF访问GetElementByD。我像这样声明了我的变量，这是我的texfield：

const inputRefAmount = useRef<HTMLInputElement>(null);


            <TextField
                inputRef={inputRefAmount}
                value={amount}
                id="output_elevator-amount"
                label="Elevator amount"
                color='primary'
                type="number"
                InputLabelProps={{
                  shrink: true,
                }}
                InputProps={{
                  readOnly: true,
                }}
                onChange={serviceCalc}
                />
            <TextField

在一个我想使用ref操纵的功能中，类似的东西（不起作用）

const standard = () => {
    console.log("returns standard")
    
    let elevatorAmt = inputRefAmount.current
    console.log(elevatorAmt)
    let unitPrice = 7565;
    let installFee = (unitPrice * parseInt(elevatorAmt.value)) * 0.1;

谢谢您的帮助

Answer 1

根据提供的代码，您似乎正在使用ref接收textfield而不是操纵它的值。
如果您需要价值，则应使用金额状态。

这是根据React ：

• 管理重点，文本选择或媒体播放。
• 触发命令动画。
• 与第三方DOM库集成。

这是 又有有关useffect＆amp＆amp＆amp; Uselayouteffect，几乎总是在Useref上使用的钩子。