dialog中嵌套一个dialog 子组件的dialog 不能设置css样式

你可以通过为子组件的对话框容器添加自定义CSS类来设置样式。以下是一个示例：

在父组件的渲染方法中：

import React from 'react';
import ChildDialog from './ChildDialog';

class ParentDialog extends React.Component {
  render() {
    return (
      <div className="parent-dialog">
        <h1>Parent Dialog</h1>
        <ChildDialog />
      </div>
    );
  }
}

export default ParentDialog;

在子组件的渲染方法中：

import React from 'react';

class ChildDialog extends React.Component {
  render() {
    return (
      <div className="child-dialog">
        <h2>Child Dialog</h2>
        <p>This is the content of the child dialog.</p>
      </div>
    );
  }
}

export default ChildDialog;

在您的CSS文件中，可以针对这些自定义类设置样式：

.parent-dialog {
  /* 父组件对话框样式 */
}

.child-dialog {
  /* 子组件对话框样式 */
}

这样，您就可以通过设置不同的CSS样式来定制父组件和子组件的对话框外观。