小编典典

在reactjs中从父级调用子级函数

reactjs

父级

import EditReview from './partials/editReview'

class VenueDetails extends Component {
  constructor(props) {
    super(props)
    this.child = React.createRef();
  }
  render() {
    return (
      <div className="place-review-text">
        <EditReview {...this.props}/>
      </div>
    )
  }
}

子级

class EditReview extends Component {
  onEditClick(review, editIndex) {
    console.log('ppp')
  }

  render() {
    const { handleSubmit, user, pristine, index, commentCrossClick } = this.props
    return (
      <div>
        <Field
          name="content"
          component={renderTextArea}
          className="form-control"
          label="Write your review..."
          rows={2}
        />
      </div>
    )
  }
}

export default EditReview

我需要onEditClick从父组件调用。我试过了, 但是没有用。

请帮助我

编辑

升级后我得到这个

Error in ./~/react-dom/lib/ReactServerRendering.js
Module not found: 'react/lib/React' in /home/user/ashish/LTC/lovethesecities-frontend/node_modules/react-dom/lib

阅读 449

收藏
2020-07-22

共1个答案

小编典典

React文档有一个使用引用的示例

https://reactjs.org/docs/refs-and-the-
dom.html

我也想知道想要这样做的用例,也许某些上下文可以帮助您解决问题?

2020-07-22