javascript - 如何更改React组件的子属性

Question

我有与许多不同的 child react 的组件:

render() {
    let Tag = '${this.props.wrapper}';
    return (
        <Tag>
            {this.props.children}
        </Tag>
    );
}

当发生某些事件时，我需要更改多个子项的 className 属性。有没有办法从父组件中做到这一点？

Answer 1

我认为您正在寻找这样的东西:

render() {
  return React.createElement(
    this.props.wrapper,
    null,

    // Children
    React.cloneElement(
      this.props.children,
      {className: 'assignedChildClassname'}
    )
  );
}

这能解决您的问题吗？