用React.createRef()打开链接

时间:2018-09-26 08:31:36

标签: reactjs

我是一个React新手,我正在尝试使用createRef()访问不同的可扩展卡。但我的问题是,现在每次单击链接时,所有菜单都打开。

这是我的代码:

class RestaurantEditPage extends React.Component {
 constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);

// Refs
 this.facilitiesSection = React.createRef();
 this.descriptionSection = React.createRef();
 this.workingHoursSection = React.createRef();
 }
 handleClick() {
  this.facilitiesSection.current.handleExpandChange(true);
  this.descriptionSection.current.handleExpandChange(true);
  this.workingHoursSection.current.handleExpandChange(true);
}

render() {
 return(
  <RestaurantsCompletionSection
    ...
    clickFunction={this.handleClick}
  />
  <FacilitiesSection
   ...
   ref={this.facilitiesSection}
  />
  <DescriptionSection
   ...
   ref={this.descriptionSection}
  />
)}

1 个答案:

答案 0 :(得分:0)

正如Felix在其评论中指出的那样,这里实际上并不需要使用ref。您可以简单地执行以下操作:

addTwo(5, 6)
.then(res => addTwo(res, 100), null)
.then(res => undefined, null)
.then(null, err => undefined);