首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将道具粘贴到MUI框组件过载器(打字本)

将道具粘贴到MUI框组件过载器(打字本)
EN

Stack Overflow用户
提问于 2021-12-23 13:35:09
回答 1查看 478关注 0票数 1

我不知道如何将道具传递给Box组件覆盖。

我需要按照position=的要求传递InputAdornment的“end”,但是在文档中找不到方法。

全组分

代码语言:javascript
运行
复制
<Select
          value={value}
          onChange={handleChange}
          input={
            <OutlinedInput
              endAdornment={
                photoRequired && (
                  <Box component={InputAdornment} position="end" pr={3}>
                    {required && <Gallery />}
                    <Gallery />
                  </Box>
                )
              }
            />
          }
        >
          {choices.map((choice, i) => (
            <MenuItem key={i} value={i + 1}>
              {choice}
            </MenuItem>
          ))}
        </Select>

我是错误的,试图通过上述方式,因为它不是预期的盒子。

代码语言:javascript
运行
复制
Warning: Failed prop type: The prop `position` is marked as required in `ForwardRef(InputAdornment)`, but its value is `undefined`.```
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-23 13:42:25

尝试创建使用该位置的自己的InputAdornment组件,如:

代码语言:javascript
运行
复制
const EndInputAdornment = () => {
   return <InputAdornment position="end"/>
};

然后,可以将该组件用于Box

代码语言:javascript
运行
复制
<Box component={EndInputAdornment} pr={3}>
...

或者如果您不想创建一个单独的组件:

代码语言:javascript
运行
复制
<Box component={<InputAdornment position="end"/>} pr={3}>

应起作用

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70462858

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档