单选组的行属性在 TextField.@mui/[email protected]

Question

我想使用一个带有单选组的 TextField startAdornment，但是 row 属性不起作用，并且该组是垂直排列的。我想知道如何使其水平。

import * as React from 'react';
import Radio from '@mui/material/Radio';
import RadioGroup from '@mui/material/RadioGroup';
import FormControlLabel from '@mui/material/FormControlLabel';
import { InputAdornment, TextField } from '@mui/material';

export default function RadioButtonsGroup() {
  return (
    <TextField
      label="LABEL"
      InputProps={{
        startAdornment: (
          <InputAdornment position="start">
            <RadioGroup
              defaultValue='yes'
              row // doesn't work, why?
            >
              <FormControlLabel
                value="yes"
                control={<Radio />}
                label="Yes"
              />
              <FormControlLabel
                value="no"
                control={<Radio />}
                label="No"
              />
            </RadioGroup>
          </InputAdornment>
        ),
      }}
    />
  );
}

Answer 1

我想不出

row

属性不能与

RadioGroup

一起使用的原因，但以下代码可以得到你想要的结果

<InputAdornment position="start">
    <RadioGroup
        defaultValue='yes'
        row // doesn't work, why?
    >
        <Stack direction={"row"}>
            <FormControlLabel
                 value="yes"
                 control={<Radio/>}
                 label="Yes"
            />
            <FormControlLabel
                 value="no"
                 control={<Radio/>}
                 label="No"
            />
        </Stack>
    </RadioGroup>

Answer 2

我发现了。

谢谢你。