时间戳

首页 > 解决方案 > 如果将 OnChange() 作为 prop 传递，它可以在 ReactJs 上的父组件中接收多个函数吗？

javascript - 如果将 OnChange() 作为 prop 传递，它可以在 ReactJs 上的父组件中接收多个函数吗？

问题描述

我是 React 的新手。我将这个从子组件传递给父组件

   <div className="filter-module">
                <i className="fas fa-sign-in-alt icon"></i>
                    <input 
                        name= "availabilityFrom"
                        onChange={(e)=>handleDateIn(e.target.value, e.target.name)}
                        type="date" 
                 />
            </div>

在父级上，作为道具传递，我想使用相同的参数来执行两种不同的方法

 handleDateIn= {this.handleFilterInputsDates;this.handleFilterInputs}

但它不起作用。是否可以制作类似的东西？我已经在 SO 上阅读了许多与我的类似问题，但任何与我的疑问相符。

提前致谢！:D

标签： javascriptreactjsreact-propsreact-component

解决方案

你不能从孩子传给父母。您可以做的是将一个函数从父级传递给子级，并在子级中使用该函数来更新父级，因为该函数将在父级中触发。

或者，您可以将状态挂钩传递给子节点并在那里更新它们，您将看到该状态在父节点中更新。

本质上，您不能从子代传递，但您可以将某些东西从父代传递给子代，子代可以用来更新父代。

推荐阅读