如何让onClick运行WIth子组件

文章/答案/技术大牛

发布

1回答

reactjs、fetch

我在将函数传递给子组件时遇到了问题。我不明白为什么它从来不起作用。 {profileBox} </div>} 我希望在单击按钮后运行这就是我要传递给它的子组件。export default func

浏览 3提问于2019-10-23得票数 1

回答已采纳

1回答

ReactJS:让函数同时访问父属性和子属性？

javascript、reactjs、onclick

我正在处理ReactJS中的一个项目，其中我希望父类能够将onClick事件传递给其在render()函数中的一个子组件，并使该onClick事件能够访问父组件和子组件的属性。我已经知道了如何让函数分别访问父对象和子对象，而不是同时访问。={this.clickHandler.bind(this)}/>;render{ const { <e

浏览 2提问于2017-03-05得票数 1

1回答

如何在reactjs中使用onclick事件呈现子组件？

javascript、reactjs、typescript

单击该按钮时，我希望呈现子组件。父母 return( <Button onClick={()我的问题是，它似乎不像onClick事件触发子组件。单击该按钮时，如何运行子组件？任何帮助都很感激！

浏览 0提问于2019-12-13得票数 0

回答已采纳

1回答

基于家长输入功能和点击按钮的React禁用和启用按钮

reactjs

所以基本上我有一个父组件，它使用子按钮组件。基本上目前，当输入验证不正确时，它将保持按钮禁用。但是，现在我已经尝试在单击时禁用该按钮。按钮目前是一个纯组件，我开始使用钩子，但不确定如何才能继续运行验证。AButton({ onClick, enabled, text }) { ); } 这样我就可以让禁用按钮在两种情况下

浏览 8提问于2019-05-25得票数 0

1回答

将鼠标事件传播到Reactjs中的div下面

reactjs

></div> onClick={()=>{console.log('Button click!')}}如何将鼠标点击从固定的div传播到下面的？

浏览 0提问于2018-05-08得票数 0

2回答

为什么我的react函数返回[object，object]

reactjs

我在我的Numbers组件中有一个函数，它应该返回状态，但是它返回object，object我看不到我做错了什么？我用数字写了一个函数，它在我的应用组件中返回另一个函数！submit={(n) => this.takeValue(n)} numberValue={1}/> );} } return (

浏览 2提问于2018-12-31得票数 0

2回答

函数内部包装组件的组合、事件处理和状态钩子的意外行为

reactjs

这些因素结合在一起，导致了意想不到的行为： <pre>{JSON.stringify({ isButtonClicked }, null, 2)}</pre> <

浏览 0提问于2019-08-10得票数 2

回答已采纳

3回答

将onCLick传递给导入的组件，作出反应

javascript、reactjs

下面有两个组件的代码。在这种情况下，一个(medjournalcomponent.js)是父级。微型显示器显示得很好，但我的问题是，我无法按一下我的模态代码，就像单击迷你组件那样。我仍然做错了什么，我如何才能使它使点击导入的MiniCardComponent将打开模式？MiniCardComponent.js function Mini

浏览 1提问于2020-03-20得票数 0

回答已采纳

1回答

父组件和子组件都有按钮，单击“子”按钮时，调用父组件。

css、reactjs、button、components

这里有按钮，父组件是整个黑色块，而子组件是被蓝色包围的按钮。两者都具有onclick功能。当我单击蓝色按钮时，会触发父组件onclick效果。当我在子组件中单击时，如何触发子组件的onclick效果？

浏览 3提问于2022-06-04得票数 0

回答已采纳

2回答

Blazor从子组件传递并运行任务-无法从'method group‘转换为'Task<int>’

c#、blazor、blazor-client-side

在我的父组件中，我有一个任务，我想将它传递给子组件。父组件： <ChildComponent ChangePageMethod="@ChangePage" /> public async Task ChangePage(int page) Console.WriteLine(page); } 子组件： &

浏览 46提问于2021-02-09得票数 0

2回答

如何在React中更新父组件n级以上的状态

javascript、reactjs

检查此处的代码// comment 有没有更好的方法来做这件事，这对我来说并不是最好的。

浏览 2提问于2017-04-10得票数 1

2回答

在React.js中从子到父获取数据

javascript、reactjs、react-redux

我正在创建一个简单的ToDo列表，希望将数据从子ToDos组件传递给父Container组件。但是，我希望能够访问我在Todos组件中使用的键属性，这样我就可以简单地使用它的值(索引)从父级数组中连接。如何访问在父key组件中在ToDos中定义的ToDos属性？const ToDos = (props) => { return <li key={index} onClick<

浏览 0提问于2018-07-06得票数 0

回答已采纳

2回答

将道具传递给react本机中的子对象

reactjs、react-native

我有两个组件。作为父组件的App组件和作为子组件的Btn组件。如何从Btn元件更改属性文本的值？

浏览 9提问于2018-07-28得票数 0

回答已采纳

1回答

段落中的更改

c#、blazor、.net-5

在EventCallback中，当子组件发生变化时，可以在父组件中运行函数。在下面的示例中，子组件正在等待按钮单击，在该单击上，父组件运行所需的函数(未显示父组件)。如果段落中有变化，是否有类似的方法从父组件运行函数？<p>Current count: @currentCount</p> <button @onclick="OnCh

浏览 0提问于2020-09-23得票数 1

回答已采纳

1回答

react评分组件未按预期工作

reactjs

我正在尝试让react分级组件工作，但我得到了一些奇怪的行为。当我进行选择时(例如3颗星)，这些星不会保持选中状态。这就是我想要的方式:我有一个父组件(处理状态等)它调用了一个子组件。然后，子组件调用React-Rating组件。我这样做的原因是因为我想让这些评分组件在不同的地方可用；因此不需要重复代码。下面是我的代码。<Ratings onClick={newRating => thi

浏览 6提问于2017-03-03得票数 0

2回答

如何在Svelte中创建自定义事件？

svelte

如何触发可以在父组件中捕获的子组件中的自定义事件？我看过一个教程，在那里我可以通过类似的东西，然而，我无法让它连接起来。<Component on:customClick={myThing}> <script> <input type="text" onCli

浏览 0提问于2021-03-31得票数 2

回答已采纳

2回答

使用析构时用扩展操作符传递道具

reactjs、react-props

我有一个子组件C，我想通过子组件B将子组件B与所有道具一起传递给父组件B。如何利用变形技术实现这一目标？const C = ({onClick}) => () }

浏览 4提问于2020-06-16得票数 0

回答已采纳

3回答

将onClick函数作为支持发送到与类型记录反应的组件

javascript、reactjs、typescript、react-hooks

我对类型记录很陌生，我必须编写一个父组件，它作为支持将onClick发送到子组件，其中有一个按钮在单击时触发onClick的功能。const onClick = () => { } <ChildComponent onClick={onClick} />} 对于子组件，我不知道<

浏览 8提问于2021-12-07得票数 0

回答已采纳

2回答

在React中单击子对象时，我应该如何更改同级的状态？

javascript、reactjs

我刚接触React，遇到了需要在数组中选择单个组件的问题，但是当我选择一个子组件时，我希望它更改同级组件的状态/样式。我这里有一个示例项目：当被选中时，我希望一次只有一个子项是绿色的。谢谢!

浏览 9提问于2020-05-22得票数 1

回答已采纳

1回答

(React ES6)将模态触发器动态添加到贴图标记

javascript、google-maps、reactjs、ecmascript-6、es6-class

onHoverKeyChange: PropTypes.func, // @controllable generated fn }; export default class MyGreatPlace extends Component { constructor(

浏览 0提问于2016-10-20得票数 3

点击加载更多