Inheritance Inversion Sample 2

HOCSample-3_2.jsx

function addPrefixToName(WrappedComponent, prefix) {
  return class extends WrappedComponent {
    render() {
      const wrappedTree = super.render()
      let newProps = {}
      if (wrappedTree && wrappedTree.type === 'input') {
        newProps = {name: `${prefix}-${wrappedTree.props.name}`}
      }
      const props = { ...wrappedTree.props, ...newProps } // Object.assign({}, wrappedTree.props, newProps) と同様
      const newTree = React.cloneElement(wrappedTree, props, wrappedTree.props.children)
      return newTree
    }
  }
}