如何在reactjs中访问父级的DOM元素

Question

我有3个嵌套组件。

 <Plant>
      <DataGrid>
          <Form>

这是我的<Plant>组件

export class Plant extends React.Component {
    render() {
        return (
            <div>
                <DataGrid url="api/Plant/Index" table="plants">
                    <Column field="name" title="Name" width="400" type="text"/>
                    <Column field="description" title="Description" width="950"/>
                </DataGrid>
            </div>
        );
    }
}

如何从<Plant />组件访问DOM或<Column>组件的其他子项（例如<Form />）？

Answer 1

您可以使用this.parent和this.children来获取父元素，以获取子元素。

Answer 2

您可以使用gunicorn -k gevent -w 4 myapp:application 查找任何DOM。

但是访问父DOM的目标是什么？

如果您想控制父DOM，只需通过Standalone WSGI Containers或props给孩子传递函数即可。