Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当使用onchange事件时,则为其他记录删除已删除记录集的记录信息_Javascript_Reactjs - Fatal编程技术网

Javascript 当使用onchange事件时,则为其他记录删除已删除记录集的记录信息

Javascript 当使用onchange事件时,则为其他记录删除已删除记录集的记录信息,javascript,reactjs,Javascript,Reactjs,我有一个项目表,每个项目都有基本价格,我有一个输入,可以更改项目数量,然后更改总价。 一切都好。但当我改变输入量时,然后决定删除它,即输入量和为其他项目设置的总价格。 当我不改变输入时,一切正常,但当我改变输入时,就会出现这个问题 <input onChange={e => this.changeTotalPrice(e, service)} type="number" defaultValue="1" min="1"/> <td style={{fontWeight:

我有一个项目表,每个项目都有基本价格,我有一个输入,可以更改项目数量,然后更改总价。 一切都好。但当我改变输入量时,然后决定删除它,即输入量和为其他项目设置的总价格。 当我不改变输入时,一切正常,但当我改变输入时,就会出现这个问题

<input onChange={e => this.changeTotalPrice(e, service)} type="number" defaultValue="1" min="1"/>

<td style={{fontWeight: 'bold', color: '#000'}}>
  <span id={`totalPrice-${service.id}`} className="totalPrices"> 
    {service.price}
  </span></td>

changeTotalPrice(e, service) {
  let totalPriceTag = document.getElementById(`totalPrice-${service.id}`);
  let totalPrice = e.target.value * service.price;
  totalPriceTag.innerText = totalPrice;
}
this.changeTotalPrice(e,服务)}type=“number”defaultValue=“1”min=“1”/
{服务价格}
变更总价(e、服务){
让totalPriceTag=document.getElementById(`totalPrice-${service.id}`);
让totalPrice=e.target.value*service.price;
totalPriceTag.innerText=totalPrice;
}

直接对DOM进行变异是不可取的,您是否尝试将正确的值放入状态并通过
this.setState({service})
进行修改?在任何情况下,你所说的
这个问题是什么意思
请-预期结果与实际结果是什么?@aprillion我希望该行被完全删除,但输入的[number]和总价没有删除并为其他项目设置。我无法在此示例中使用状态,因为我有许多动态项。由于您没有删除提供的代码中的任何内容,我不明白您希望如何删除某些内容“\_(ツ)_/''除非您明确说明问题所在,某些示例输入数据的预期结果+您尝试的与问题相关的代码如果您确实无法使用道具或状态,则不应使用React(但99%,如果您解释了问题,则可以很好地使用React)突变DOM直接与此相反,您是否尝试将正确的值放入状态并通过
this.setState({service})
进行修改?在任何情况下,您所说的
这个问题是什么意思
请-预期结果与实际结果是什么?@aprillion我预期行会完全删除,但输入[数字]和total_price未删除并为其他项目设置。我无法使用此示例的状态,因为我有许多动态项目。由于您在提供的代码中未删除任何内容,我不明白您希望删除什么内容“\_(ツ)_/''除非您明确说明问题所在,某些示例输入数据的预期结果+您尝试的与问题相关的代码如果您确实无法使用道具或状态,则不应使用React(但99%,如果您解释了问题,则可以很好地使用React)