Javascript Functional ReactJS-向回调传递数据/参数

以下面的代码为例：

const Search = props => {
    return (
        <div id="search">
            <h2>Live Search</h2>
            <input type="text" onChange={ props.onInput } />
        </div>
    )
}

export default Search

---

是否可以将参数传递给props.onInput，特别是的value属性。我知道我可以将其创建为一个类，并创建一个将数据传递给props.onInput的处理程序，但我只是想知道是否可以用函数的方式来实现这一点。

您可以使用箭头函数，如props.onInpute.target.value}/>

请参阅下面的代码片段

const Search=props=>{ 回来 实时搜索 props.onInpute.target.value}/> } const onInput=val=>{ 控制台logval } ReactDOM.render，document.getElementById'app'

---

您可以使用箭头函数，如props.onInpute.target.value}/>

请参阅下面的代码片段

const Search=props=>{ 回来 实时搜索 props.onInpute.target.value}/> } const onInput=val=>{ 控制台logval } ReactDOM.render，document.getElementById'app'

---

您可以使用合成事件将值传递给回调

如果只想传递值，可以使用e.currentTarget.value

从currentTarget文档：

它总是指事件处理程序已附加到的元素，而不是event.target，后者标识事件发生的元素

---

您可以使用合成事件将值传递给回调

如果只想传递值，可以使用e.currentTarget.value

从currentTarget文档：

它总是指事件处理程序已附加到的元素，而不是event.target，后者标识事件发生的元素

---

onChange函数将接收事件，您可以从事件中获取值：{console.logvalue；}}}/>@dragorizescu我不想传递事件。函数使用查询字符串来调用API。您不是在传递事件，而是在接收一个可以从中获取查询字符串的事件。老实说，编写onChange={e=>props.onInpute.target.value}与我写的几乎是一样的，不同之处在于您在不同的地方处理收到的事件；啊，对不起，你这么做了。忽略我的最后一条评论。onChange函数将接收一个事件，您可以从事件中获取值：{console.logvalue；}}}/>@dragorizescu我不想传递事件。函数使用查询字符串来调用API。您不是在传递事件，而是在接收一个可以从中获取查询字符串的事件。老实说，编写onChange={e=>props.onInpute.target.value}与我写的几乎是一样的，不同之处在于您在不同的地方处理收到的事件；啊，对不起，你这么做了。忽略我最后的评论。

const Search = props => {
    return (
        <div id="search">
            <h2>Live Search</h2>
            <input
                type="text"
                onChange={e => props.onInput(e.currentTarget.value) } />
        </div>
    )
}

export default Search