小编abo*_*non的帖子

Material UI Select 组件上的“keepMounted”属性未将菜单项安装到 DOM

我试图确保我的菜单项安装在 DOM 中以用于 SEO 目的。我正在使用 MUI Select 组件作为下拉导航,并传入keepMountedprops,这些 props 最终通过 传播到 Popper 组件上MenuProps

我可以看到菜单项 HTML (ul > li) 安装在我的检查器中,但当我检查源或 CURL 时它们不存在。

const TopicSelect = ({
  classes,
  width,
  selectClassName,
  topicData,
  selectedValue,
  onChange,
}) => {
  const isMobile = isWidthDown('xs', width)

  return (
    <FormControl data-testid="TopicSelect-formControl" variant="filled">
      <InputLabel className={classes.label} htmlFor="topic-select-input">
        Filter by topic
      </InputLabel>
      <Select
        data-testid="TopicSelect-select"
        className={classnames(classes.select, selectClassName)}
        onChange={onChange}
        value={selectedValue}
        autoWidth
        native={isWidthDown('xs', width) ? true : false}
        input={
          <FilledInput
            name="topic"
            id="topic-select-input"
            className={classes.filledInput}
            disableUnderline
          />
        }
        MenuProps={{
          style: {
            zIndex: …
Run Code Online (Sandbox Code Playgroud)

seo dom reactjs material-ui server-side-rendering

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

dom ×1

material-ui ×1

reactjs ×1

seo ×1

server-side-rendering ×1