代码之家 › 专栏 › 技术社区 › R. Kohlisch

语法:handlechange()函数对不同的状态属性有反应

syntax reactjs javascript

R. Kohlisch · 技术社区 · 8 年前

这里有一个handlechange函数,它接收将要绑定到它的状态元素的名称。

有人能给我解释一下为什么要这样写吗:

  handleInputChange(property) {
    return e => {
      this.setState({
        [property]: e.target.value
      });
    };
  }

不能这样写:

  handleInputChange(property, e) {
      this.setState({
        [property]: e.target.value
      }); 
  }

我似乎不明白如何把第一个概念化 事实上 做。

2 回复 | 直到 8 年前

Tholle 8 年前

第一个函数返回一个函数,因此调用它的结果将用作 onChange 处理程序:

<input onChange={this.handleInputChange('someProperty')} value={someProperty} />

第二个是一个常规类方法,它接受一个属性字符串和一个事件,您可以从 一次改变 处理程序:

<input onChange={(e) => this.handleInputChange('someProperty', e)} value={someProperty} />

Leo Chow 8 年前

我认为更好的方法是设置输入' name 作为状态键。应该很容易处理更改。codesandbox上的代码示例: handleReactInputsChange

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前