javascript - 传递函数返回而不声明另一个变量

Question

(jsx 代码，将“数据库”视为数组/对象)

<input onChange={e => e.target.value} type='text'/>
<div> {database.filter(data => data.includes( ??? )} </div>

我想访问 ??? 所在的 onChange 函数的返回值。一种常见的方法是在 state 属性中创建另一个变量(如果在 React 组件中)，将 onChange 的值保存在该变量中，然后在 data.includes 中访问该变量。但是，这会创建一个新的、不必要的变量，该变量仅重复我的函数的返回值。

state = {
  inputValue = ''
}
<input onChange={e => {inputValue = e.target.value}} type='text'/>
<div> {database.filter(data => data.includes(inputValue)} </div>

还有另一种方法可以将 onChange 函数的结果直接传递给 data.includes 吗？

Answer 1

你不能。

您立即需要该值，但该函数在调用之前不会返回值。在用户执行某些操作来触发更改事件之前，它不会被调用。这比“立即”晚得多。

I still have to create a variable in my state property that I don't really need since it's just the return statement of my onHandleChange function,

您确实确实需要它。

更改事件处理程序应将选择存储在状态中。更改状态将触发重新渲染。这将使用新数据更新 View 。