小编Mas*_*iri的帖子

如何配置 next.js 以支持带有 css 模块的同步顺风 css？我想要 tailwindcss 包装整个项目：

// /tailwind.scss
:global {
  @import "tailwindcss/base";
  @import "tailwindcss/components";
  @import "tailwindcss/utilities";
}

// /test-module.css
.example {
  font-size: 36px;
}

// /pages/_app.jsx
import '../talwind.scss';
...

在示例组件中：

// /components/my-component.jsx
import css from '../test-module.css';

const Test = () => (
  <div className={`bg-red-500` ${css.example}}>Test Tailwind with CSS</div>
);

我已经做了一个模态分量与<HashRouter>中react-router，成为有效和无效用哈希网址即情态动词是无效的网址时，是/route和modal1是活跃的时候URL是/route#modal1。有什么方法可以在 next.js 中定义哈希路由？

当 TextInput 从 React Native 上已经存在的 autoCompleteType 中突出显示时，如何更改 TextInput 的背景颜色？就像这张图片上的那样

我更喜欢使用 tailwind css 框架创建项目样式和组件样式。我想使用一些蚂蚁设计组件。Tailwindcss 和 ant.design 一起有问题。当我们导入@import 'tailwindcss/base'项目时Ant 设计对齐丢失，当我们删除它时，ant 设计对齐将正常工作。ant design 修改全局样式并根据文档我尝试防止这种情况，但对我来说这种方法不起作用！我的 babel.config.js：

['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }],

我将此插件添加到我的 webpack 配置中：

new webpack.NormalModuleReplacementPlugin(
  /node_modules\/antd\/lib\/style\/index\.less/,
  path.resolve(__dirname, './src/antd.less'),
),

和antd.less文件：

#antd {
  @import '~antd/es/style/core/index.less';
  @import '~antd/es/style/themes/default.less';
}

我想在单击特定元素时阻止 onBlur 事件：

<input type="text" onBlur={<call when I click outside of element except when I click on a specific element>} />