函数的输入来自哪里答案

【问题标题】：where does input to function come from函数的输入来自哪里
【发布时间】：2020-03-27 09:06:31
【问题描述】：

我们有以下 react html。在回调函数filterList()中，我们有一个参数'input' filterList(input)。这个物体是从哪里来的？这是来自 onClick 事件吗？还有哪些可用的对象？

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />

<title>Filtered List</title>
<script src="react/react.js"></script>
<script src="react/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>

<body>

<div id='container'></div>

<script type="text/jsx">

class FilteredList extends React.Component {

constructor(props) {
super(props);
var allItems = [ "anteater", "bear", "cat", "dog", "elephant", "fox" ];
this.state = { initialItems: allItems, currentItems: allItems };
}

filterList(input){
var updatedList = this.state.initialItems;
updatedList = updatedList.filter(function(item){
           return item.search(input.target.value) !== -1;
         });
this.setState({currentItems: updatedList});
}


render(){
 console.log(this);
return (
<div className="filter-list">
  <input type="text" placeholder="Filter" onChange={this.filterList.bind(this)}/>
  <List items={this.state.currentItems}/>
</div>
);
}
};

class List extends React.Component {
render(){
return (
<ul> { this.props.items.map(function(item) {
  return <li key={item}>{item}</li> }) }
</ul>
)
}
};

ReactDOM.render(<FilteredList/>, document.getElementById('container'));




</script>

</body>

</html>

【问题讨论】：

这实际上是 event 对象，可用作事件的参数：developer.mozilla.org/en-US/docs/Web/API/Event

标签： reactjs events synthetic

【解决方案1】：

Input 有一个 onChange 监听器，当发生某些事情时，它会为 onChange 的函数提供参数。如果没有这个参数，onChange 参数无法知道发生了什么变化:)

几句话：是的，它来自 onChange

【讨论】：