Question

我的组件定义如下：

import React, { Component } from "react";
import HOCName from "./HOCName";
class Hello extends Component {
  render() {
    return <h1>{this.props.name}</h1>;
  }
}
export default HOCName(Hello);

MY HOC定义如下：

import React from "react";

export default WrappedComponent => props => {
  const age = 23;
  return (
    <div>
      <WrappedComponent {...props} age={age} />
      <button>say Hello</button>
    </div>
  );
};

我的问题是如何在组件“ Hello”中检索按钮？预先感谢您的帮助

Answer 1

您可以选择一种解决方案

传递按钮作为传递的组件的子元素
将按钮作为道具传递给WrappedComponent

以下是两种解决方案的示例 https://codesandbox.io/s/96q5ll9k4

包装组件后如何检索节点？

1 个答案: