小编dan*_*iar的帖子

让 mui 自动完成在选择后保留输入值

输入值并在 Material-UI Autocomplete with Multiple 中选择一个选项后,输入的值将被清除。

\n

在此输入图像描述

\n

有没有办法让自动完成功能在选择后仍保留键入的值?就像下面这个...

\n

在此输入图像描述

\n

演示:https://codesandbox.io/s/material-demo-forked-cv1f5

\n
/* eslint-disable no-use-before-define */\nimport React from "react";\nimport Chip from "@material-ui/core/Chip";\nimport Autocomplete from "@material-ui/lab/Autocomplete";\nimport { makeStyles } from "@material-ui/core/styles";\nimport TextField from "@material-ui/core/TextField";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 500,\n    "& > * + *": {\n      marginTop: theme.spacing(3)\n    }\n  }\n}));\n\nexport default function Tags() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Autocomplete\n        multiple\n        id="tags-standard"\n        options={top100Films}\n        getOptionLabel={(option) => option.title}\n        //defaultValue={[top100Films[13]]}\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            variant="standard"\n …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui

8
推荐指数
1
解决办法
9563
查看次数

在 2 个分隔符之间拆分字符串并包含它们

给出以下字符串...

"Here is my very _special string_ with {different} types of _delimiters_ that might even {repeat a few times}."
Run Code Online (Sandbox Code Playgroud)

...如何使用 2 个分隔符(“_”、“{ 和 }”)将它拆分成一个数组,同时在数组的每个元素中保留分隔符?

目标是:

[
  "Here is my very ", 
  "_special string_", 
  " with ", 
  "{different}", 
  " types of ", 
  "_delimiters_", 
  "that might even ", 
  "{repeat a few times}", 
  "."
]
Run Code Online (Sandbox Code Playgroud)

我最好的选择是:

"Here is my very _special string_ with {different} types of _delimiters_ that might even {repeat a few times}."
Run Code Online (Sandbox Code Playgroud)

如您所见,它无法重现理想的数组。

javascript regex

5
推荐指数
1
解决办法
104
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1

regex ×1