将功能从父母传递给孩子

维拉

我的JavaScript有点弱。我从这个答案中得到启发,在REACT中将功能从父母传递给孩子,但我遇到了一些困难。

有人可以帮助我更正我的代码吗?谢谢!

var List = React.createClass({
  deleting: function(test){
    console.log(test);
  },
  render: function() {      
    var all = this.props.activities;
    var test = List.deleting;
    var list = all.map(function(a){
      return (<ListItem act={a} del={test}>);
    });

    return (
      <ul> {list}
      </ul>
    );
  }
});

var ListItem = React.createClass({
  deleting: function(e){
    this.props.del(e.target.parentNode.firstChild.innerHTML);
  },
  render: function(){
    return (
      <li key={this.props.act}>{this.props.act} 
        <div onClick={this.deleting}>X</div>
      </li> 
    );
  }
});

我得到的错误:

在此处输入图片说明

Oleksandr T.

您需要传递对.deleting属于ListObject的方法的引用,现在您正在尝试传递var test = List.deleting;,即undefined为了this.map,指的是List,你应该设置this.map自己-这样做,只是通(在我们的情况下,它应该是this因为this在渲染方法指List)第二个参数.map,并通过对del=属性的参考方法this.deleting

还设置key了属性ListItem,并在React所有的标签都必须关闭-所以加/>现在你得到错误,因为你没有关闭标签ListItem)在结束ListItem标签

var List = React.createClass({
  deleting: function(test) {
    console.log(test);
  },

  render: function() {      
    var all = this.props.activities;
    var list = all.map(function(a) {
      return (<ListItem key={a} act={a} del={this.deleting} />);
    }, this);

    return <ul> {list} </ul>
  }
});

Example

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Blazor将数据从父母传递给孩子

来自分类Dev

反应本地-将导航道具从父母传递给孩子

来自分类Dev

将道具从父母传递给孩子时出错-类型无效

来自分类Dev

如何将点击处理程序从父母正确地传递给孩子?

来自分类Dev

如何将价值从Boostrap模态孩子传递给父母?

来自分类Dev

如何通过钩子将状态从孩子传递给父母

来自分类Dev

将数据从孩子传递给父母React Hooks

来自分类Dev

如何将服务从孩子传递给父母?

来自分类Dev

如何将变量从孩子传递给父母

来自分类Dev

将数据onChange从孩子传递给父母?角度的

来自分类Dev

如何在Polymer.dart中监听从父母传递给孩子的事件

来自分类Dev

如何将数据从孩子传递给父母?当父级基于类而子级基于功能时

来自分类Dev

使用上下文API将数据从父级传递给孩子和同级孩子

来自分类Dev

从父母到孩子的反应传递道具行为异常

来自分类Dev

React JS将状态改变功能传递给孩子

来自分类Dev

通过道具将价值从无状态的孩子传递给父母

来自分类Dev

角数据将孩子传递给父母没有响应

来自分类Dev

将useState setter传递给孩子以更新父母状态是否正确?

来自分类Dev

通过图像的SRC将孩子传递给父母时遇到问题。反应JS

来自分类Dev

将值从孩子(登录模式)传递给父母不起作用

来自分类Dev

孩子从父母那里扩大

来自分类Dev

将道具从孙辈传递给父母

来自分类Dev

将反应功能传递给孩子,event.target 为空

来自分类Dev

React更新一个孩子的父母身份,并将更新后的值传递给新孩子

来自分类Dev

在 React 中将状态从孩子传递给父母;孩子有单独的状态

来自分类Dev

从父母那里获得孩子班

来自分类Dev

(Delphi)从父母那里打电话给孩子

来自分类Dev

从父母到孩子的动态道具绑定

来自分类Dev

将Click事件传递给孩子

Related 相关文章

  1. 1

    Blazor将数据从父母传递给孩子

  2. 2

    反应本地-将导航道具从父母传递给孩子

  3. 3

    将道具从父母传递给孩子时出错-类型无效

  4. 4

    如何将点击处理程序从父母正确地传递给孩子?

  5. 5

    如何将价值从Boostrap模态孩子传递给父母?

  6. 6

    如何通过钩子将状态从孩子传递给父母

  7. 7

    将数据从孩子传递给父母React Hooks

  8. 8

    如何将服务从孩子传递给父母?

  9. 9

    如何将变量从孩子传递给父母

  10. 10

    将数据onChange从孩子传递给父母?角度的

  11. 11

    如何在Polymer.dart中监听从父母传递给孩子的事件

  12. 12

    如何将数据从孩子传递给父母?当父级基于类而子级基于功能时

  13. 13

    使用上下文API将数据从父级传递给孩子和同级孩子

  14. 14

    从父母到孩子的反应传递道具行为异常

  15. 15

    React JS将状态改变功能传递给孩子

  16. 16

    通过道具将价值从无状态的孩子传递给父母

  17. 17

    角数据将孩子传递给父母没有响应

  18. 18

    将useState setter传递给孩子以更新父母状态是否正确?

  19. 19

    通过图像的SRC将孩子传递给父母时遇到问题。反应JS

  20. 20

    将值从孩子(登录模式)传递给父母不起作用

  21. 21

    孩子从父母那里扩大

  22. 22

    将道具从孙辈传递给父母

  23. 23

    将反应功能传递给孩子,event.target 为空

  24. 24

    React更新一个孩子的父母身份,并将更新后的值传递给新孩子

  25. 25

    在 React 中将状态从孩子传递给父母;孩子有单独的状态

  26. 26

    从父母那里获得孩子班

  27. 27

    (Delphi)从父母那里打电话给孩子

  28. 28

    从父母到孩子的动态道具绑定

  29. 29

    将Click事件传递给孩子

热门标签

归档