1
当我输入浏览器时,React控制输入不让我改变输入值。其余部分,代码将解释所有。 它的工作方式,如果前两个输入填充但如果前两个输入都是空的话,我怎样才能使编辑在浏览器React控制输入不让我改变输入值
const PriceListRow = React.createClass({
getInitialState(){
return {
flatPrice: "",
}
},
setFlatPrice(a, b){
"use strict";
let self = this,
prod = a * b;
if (!(_.isNumber(prod)))
self.setState({flatPrice: ""});
else
self.setState({flatPrice: prod});
},
render(){
let self = this;
return <div>
<input type="number" name={"unitSize"} placeholder="1000 Sq. Ft." id={"unitSize"}
onBlur={()=> { self.setFlatPrice($("#bsp").val(), $("#unitSize").val()); }}
/>
<input type="number"
name={"bsp"}
placeholder="4500" id={"bsp"}
onBlur={()=> { self.setFlatPrice($("#bsp").val(), $("#unitSize").val()); }}
/>
<input type="text" name={"flatPrice"} placeholder="Size * BSP" id={"flatPrice"} value={self.state.flatPrice} />
</div>
}
});
在这里,你有3个输入,这是不是让你这样做呢? –
这里有什么需要'jQuery'?你可以为三个“输入”提供状态。这是安全的模式 –
我知道这种方式。但它不能解决我可编辑的浏览器DOM元素的问题。 –