反应：渲染中动态元素属性的变化

Question

我有一个父类，它描述如何绘制元素并使用它们。

父班：

class MyElementMain extends Component {
  // my__get_elements() = 0;
  render() {
    // get child's elements
    const elements = this.my__get_elements();

    // render component
    return (
      <Container>
        <Row>{elements.props.title}</Row>
        {elements.props.children}
      </Container>
    );
  }
}

子类：

class MyGroup extends MyElementMain {

    my__get_elements() {
        return (
<MyElementMain title = "my title">
    <MyElement1 />
    <MyElement2 />
    <br></br>
    <MyElement3 />
</MyElementMain >
        );
    }
}

告诉我如何在MyElementMain :: render函数中为元素指定其他属性（在props，states或直接）。

例如（不起作用）：

// get child's elements
let elements = this.my__get_elements();
elements.props.children[0].props["my"] = "text"

即目标之一是在渲染过程中动态更改最初定义的元素的属性。