小编Dio*_*rza的帖子

我有这些父子组件,我想通过点击功能来选择子组件中的项目.然而,似乎子组件中的函数被自动调用而不是等到用户单击元素.为了使它更清楚,我的父母和孩子组件

export class ParentView extends Component {
  state = {
    selectedItem: {}
  }

  handleClick = (item) => {
    alert('you click me');
    this.setState({selectedItem: item});
  } 

  render() {
    let item = { name: 'Item-1' };
    return (
      <div>
        <ChildItem item={item} handleClick={this.handleClick} />
      </div>
    );
  }
}

export class ChildItem extends Component {
  render() {
    const {item, handleClick} = this.props;
    return (
      <div>
        <a  onClick={handleClick(item)} />
      </div>
    );
  }
}

这些是使用箭头函数传递handleClick给子组件的我的组件,但是警报始终在第一次渲染时被调用,而不是由用户触发.有什么建议吗？

我有2个这样的表:

TABLE ARTICLE
Id int NOT_NULL PK
Title nvarchar(50) NOT_NULL

TABLE CONTENT
Id int NOT_NULL PK
content nvarchar(MAX) NOT_NULL
remarks nvarchar(200) 

所以每篇文章都有一个pk id与文章pk id相同的内容,然后我创建了这样的域类:

public class Article {
    public virtual int Id {get; set;}
    public virtual string Title {get; set;}
    public virtual Content Content {get; set;}
}

public class Content {
    public virtual int Id {get; set;}
    public virtual string content {get; set;}
    public virtual string remarks {get; set;}
}

我尝试像这样映射这些类:

public class ArticleMap : ClassMap<Article>
{
    public ArticleMap()
    { …