如何在React中设置子组件的处理程序?

布莱恩·斯坦利

我正在尝试设置我构建的Select组件的onChange。我的2个组件是Profile和Select。我不知道为什么,但是永远都不会进入处理程序。

我的代码(个人资料):

@Profile = React.createClass
  handleGender: ->
   console.log('here we go')
  render: ->
    React.createElement Select, { options: @props.gender, onChange: @handleGender }

选择组件

@Select = React.createClass
 render: ->
  select
   className: "select"
   for v, k in @props.options
    option
      key:       k
      value:     v
      className: "option"
      v

我已经尝试了几件事,但是没有用。

潘代奥洛

如@Sigfried所指出的,onChange如果您希望最终select事件弹出到第一个组件,必须转发道具

@Select = React.createClass
 render: ->
  select
   className: "select"
   onChange: @props.onChange 
   for v, k in @props.options
    option
      key:       k
      value:     v
      className: "option"
      v

附带说明一下,通常不建议将自定义组件使用已经存在的HTML组件名称,因为这可能会造成混淆。如果您为组件命名,比如说,GenderSelect这将是一个自定义组件,这显然不是随onChange事件而发生的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React子组件中设置事件处理程序

来自分类Dev

如何在类组件中处理从父级到子级事件处理程序传递的附加参数

来自分类Dev

如何在事件处理程序上更改 React 中的特定组件

来自分类Dev

如何在React中从父组件调用子组件的方法

来自分类Dev

如何在父级的子级组件中设置状态?

来自分类Dev

如何在子组件中设置 onPress 事件?

来自分类Dev

如何确定哪个组件在React中触发事件处理程序?

来自分类Dev

如何确定哪个组件在React中触发事件处理程序?

来自分类Dev

如何在React中处理可重用组件?

来自分类Dev

在 Meteor+React 中,如何在父 React 组件中渲染子 React 组件?

来自分类Dev

如何在子进程中更改信号处理程序?

来自分类Dev

如何在React的子功能组件中触发动作?

来自分类Dev

如何在Typescript React中遍历组件的子级?

来自分类Dev

如何在React的子功能组件中触发动作?

来自分类Dev

如何在事件处理程序中设置 AnsiString 参数?

来自分类Dev

如何在渲染中为React组件设置动画?

来自分类Dev

如何在React中轻松设置兄弟组件的状态?

来自分类Dev

如何在React组件构造函数中设置setInterval?

来自分类Dev

如何在React中的组件上设置条件属性

来自分类Dev

如何在React中设置嵌套组件的样式?

来自分类Dev

如何在 React Material UI 的 AppBar 组件中设置容器?

来自分类Dev

React:如何在事件处理程序中调用react钩子?

来自分类Dev

在React的子组件中设置值

来自分类Dev

处理程序在 React 的子组件中没有按预期工作

来自分类Dev

如何在reactjs和reflow中从其子组件设置容器组件的状态?

来自分类Dev

如何在Angular的子组件中单击按钮时为父组件属性设置值

来自分类Dev

当输入字段位于子组件中时,如何在react组件中获取useForm数据?

来自分类Dev

将React点击处理程序传递给子组件

来自分类Dev

如何在React中删除包含子组件的功能化组件的渲染器?

Related 相关文章

  1. 1

    如何在React子组件中设置事件处理程序

  2. 2

    如何在类组件中处理从父级到子级事件处理程序传递的附加参数

  3. 3

    如何在事件处理程序上更改 React 中的特定组件

  4. 4

    如何在React中从父组件调用子组件的方法

  5. 5

    如何在父级的子级组件中设置状态?

  6. 6

    如何在子组件中设置 onPress 事件?

  7. 7

    如何确定哪个组件在React中触发事件处理程序?

  8. 8

    如何确定哪个组件在React中触发事件处理程序?

  9. 9

    如何在React中处理可重用组件?

  10. 10

    在 Meteor+React 中,如何在父 React 组件中渲染子 React 组件?

  11. 11

    如何在子进程中更改信号处理程序?

  12. 12

    如何在React的子功能组件中触发动作?

  13. 13

    如何在Typescript React中遍历组件的子级?

  14. 14

    如何在React的子功能组件中触发动作?

  15. 15

    如何在事件处理程序中设置 AnsiString 参数?

  16. 16

    如何在渲染中为React组件设置动画?

  17. 17

    如何在React中轻松设置兄弟组件的状态?

  18. 18

    如何在React组件构造函数中设置setInterval?

  19. 19

    如何在React中的组件上设置条件属性

  20. 20

    如何在React中设置嵌套组件的样式?

  21. 21

    如何在 React Material UI 的 AppBar 组件中设置容器?

  22. 22

    React:如何在事件处理程序中调用react钩子?

  23. 23

    在React的子组件中设置值

  24. 24

    处理程序在 React 的子组件中没有按预期工作

  25. 25

    如何在reactjs和reflow中从其子组件设置容器组件的状态?

  26. 26

    如何在Angular的子组件中单击按钮时为父组件属性设置值

  27. 27

    当输入字段位于子组件中时,如何在react组件中获取useForm数据?

  28. 28

    将React点击处理程序传递给子组件

  29. 29

    如何在React中删除包含子组件的功能化组件的渲染器?

热门标签

归档