如何将两个参数传递给第三方组件回调属性?

问题描述 投票:1回答:1

除了更新后的文本外,我还需要使用内联编辑来更新信息,我还需要传输另一个记录ID,但我不知道如何实现。

{this.state.quotes.map((i, val ) => { 
  return(<div onClick={this.handleSubmitPlus.bind(this, i.id)} id={i.id} key={val} style={this.style.allStyle}>
  <EditableLabel text={i.texting}
    labelClassName='weightespenis'
    inputClassName='weightespenis'
    inputWidth='200px'
    inputHeight='25px'
    inputMaxLength={50}
    labelFontWeight='bold'
    inputFontWeight='bold'
    onFocus={this._handleFocus}
    onFocusOut={this._handleFocusOut}
  />
{i.all} / id:{i.id}</div>)})}

_handleFocusOut(text) {
  console.log('Left editor with text: ' + text);
  fetch("http://localhost:3001/cliceds/" + 1, {
   method: 'put',
   headers: {
     'Accept': 'application/json',
     'Content-Type': 'application/json'
   },
   body: JSON.stringify({texting: text})
  })
  .then(response => response.json())
  .catch(error => console.error('Error:', error)) 
}

我本来想像这样onFocusOut={this._handleFocusOut(i.id)}fetch("http://localhost:3001/cliceds/" + ID ,但是它没有传输,请告诉我如何实现。


编程初学者并不严格判断。

除了更新后的文本外,我还需要使用内联编辑来更新信息,我还需要传输另一个记录ID,但我不知道如何实现。 {this.state.quotes.map((i,val)=> ...

javascript reactjs frontend single-page-application
1个回答
1
投票

http://localhost:3001/cliceds/属性的值必须是一个接收单个onFocusOut参数的函数。

© www.soinside.com 2019 - 2024. All rights reserved.