我喜欢react-select的实现,并期待在我的项目中使用它。
有没有办法将搜索栏(a la react-widgets - DropdownList)添加到下拉列表中?在与我们的设计师和用户进行测试时,我们发现用户并不总是意识到下拉列表是可搜索的,并且由于这一功能,他们似乎压倒性地更喜欢 DropwdownList 小部件。
也就是说,我喜欢 react-select 的可定制性和功能集,并希望能够使用它。
-丹尼尔
有没有一种方法可以将CSS文件导入样式化的组件中?
我的依赖之一,React Quill Editor,可以通过将其CSS导入为基础并在其之上进行更改来实现主题化。我所有的组件都是样式化的组件,我想将CSS本地化为JS组件,而不是将CSS作为“全局”样式导入。
现在,我要以以下形式将其CSS复制到我自己的文件中。
我在下面写了一个简短的例子。
/** editorCSS.js **/
import { css } from 'styled-components';
export default css`
/* copied CSS here */
.class-to-extend {
color: green;
}
`
/** EditorComponent.js **/
import styled from 'styled-components';
import ReactQuill from 'react-quill';
import editorCSS from './editorCSS';
const StyledReactQuill = styled(ReactQuill)`
${editorCSS}
/** Additional customization if necessary (e.g. positioning) */
`
export default StyledReactQuill;
`
Run Code Online (Sandbox Code Playgroud)
我宁愿导入在样式化组件范围内引用其CSS文件而不是对其进行复制。
如果我这样做import ReactQuillCSS from 'react-quill/dist/quill.snow.css';
,由于该css-loader
插件,它仍将在全球范围内应用我的CSS 。
最好,丹尼尔