使用汇总页面的material-ui获取单选按钮的值

，可以通过以下步骤实现：

1. 首先，确保你已经安装了material-ui库。你可以使用npm或yarn来安装它。
2. 在你的汇总页面中，导入所需的material-ui组件。例如，你可以导入RadioGroup和Radio组件。

import React, { useState } from 'react';
import { RadioGroup, Radio } from '@material-ui/core';

1. 在你的组件中，创建一个状态变量来存储单选按钮的值。使用useState钩子函数来创建这个状态变量，并将其初始值设置为你想要的默认值。

const [selectedValue, setSelectedValue] = useState('option1');

1. 在你的渲染函数中，使用RadioGroup组件来包裹你的单选按钮，并将onChange事件处理函数绑定到它上面。将value属性设置为状态变量selectedValue的值，并将onChange事件处理函数设置为更新selectedValue的函数。

<RadioGroup
  value={selectedValue}
  onChange={(event) => setSelectedValue(event.target.value)}
>
  {/* 在这里添加你的单选按钮 */}
</RadioGroup>

1. 在RadioGroup组件中，添加你的单选按钮。对于每个单选按钮，使用Radio组件，并将value属性设置为该按钮的值。

<Radio value="option1" />
<Radio value="option2" />
<Radio value="option3" />

1. 现在，你可以通过访问selectedValue状态变量来获取所选单选按钮的值。你可以在需要的地方使用它，例如在提交表单时。

console.log(selectedValue); // 输出所选单选按钮的值

这样，你就可以使用material-ui获取单选按钮的值了。请注意，这只是一个基本的示例，你可以根据你的需求进行修改和扩展。如果你想了解更多关于material-ui的信息，可以访问腾讯云的Ant Design of React文档：https://ant.design/docs/react/introduce-cn。