小编Bas*_*sem的帖子

我已经创建了一个 React 应用程序，create-react-app但是每当我启动开发服务器（使用npm start）时，它都会打开我的浏览器。我想让它在我启动我的开发服务器时不会打开我的浏览器。

我怎样才能做到这一点？

我们正在reactJS中创建不同的组件，

例子：

App.js
index.js
LandingPage.js
.....

在另一个组件中导入此组件时，我们没有添加扩展名.js

例子：

索引.js：

App.js
index.js
LandingPage.js
.....

有谁知道原因吗？

我试图将指示器的位置设置为 TAB 的顶部而不是底部，如下所示：

我检查并尝试更新CSS，但没有成功。我是反应新手，所以无法自定义组件。

material-ui我在底层使用 Typescript 创建了一个组件库。我使用了 Typescript 模块增强来向主题添加新选项，如Typescript 文档的主题定制中所述。

// createPalette.d.ts/* eslint-disable @typescript-eslint/no-unused-vars */
import { Palette, PaletteOptions } from "@material-ui/core/styles/createPalette";
declare module "@material-ui/core/styles/createPalette" {
    interface Palette {
        highlight: PaletteColor;
        layout: LayoutPaletteColor;
    }
    interface PaletteOptions {
        highlight: PaletteColorOptions;
        layout?: LayoutPaletteColor;
    }
    interface LayoutPaletteColorOptions {
        paper: string;
        text: string;
    }

    interface SidebarPaletteColorOptions extends LayoutPaletteColorOptions {
        navItemSelectedBg: string;
        navItemSelectedColor: string;
    }
    interface LayoutPaletteColor {
        header: LayoutPaletteColorOptions;
        sidebar: SidebarPaletteColorOptions;
        footer: LayoutPaletteColorOptions;
    }
}

然后，我构建我的项目并将其发布到 Github 包。我还使用这个脚本将*.d.ts文件复制到dist文件夹

"copy-typings": "copyfiles -u …

问题总结

我正在处理一个我们使用大量 API 请求的项目，我们希望通过许多新端点进一步扩展。该项目是使用 Redux 和 Hooks 构建的。我们希望将 API 请求与组件分开，这就是为什么我们的目标是将所有内容都放在 redux 中。但是，出现了一个问题：有很多样板，例如： FETCH_DATA_REQUEST, FETCH_DATA_SUCCESS, FETCH_DATA_ERROR需要为每个端点复制。此外，我们必须处理所有这些的加载、成功和错误。这似乎是很多代码，尤其是随着应用程序的增长。

我们尝试过的

我们试图创建一个使用自定义的API钩子useReducer在幕后，并返回一个动态生成的loading，success和error变量。这个钩子公开了一个sendRequest可以在组件中使用的方法，如下所示：

sendRequest("GET", `${BASE_URL}/api/endpoint`);

它运行良好，但有一个问题，我们正在组件中构建 API 端点，这就是我们想要更改的内容。这就是我们转向 redux 的原因。

理想情况下，我们希望将加载和错误逻辑与减速器分开，我想知道是否有人有想法（或知道一个包）可以帮助减少样板并实现这一目标。

我正在使用我稍微修改（样式/逻辑）以创建自定义库的 MaterialUI。我还使用 Storybook（带有 Typescript）来创建文档。

我面临的问题是故事书表格道具并不总是自动生成的。它只显示我添加的道具，但没有显示材质 UI 构建的道具。例如：

import * as React from "react";
import MuiPaper from "@material-ui/core/Paper";
import clsx from "clsx";

export interface PaperProps extends MuiPaperProps {
    /**
     * If `true`, a darker background will be applied.
     * @default false
     */
    filled?: boolean;
    /**
     * If `true`, the border around the Paper will be removed.
     * @default false
     */
    disableOutline?: boolean;
}

const useStyles = makeStyles((theme: Theme) => ({
    root: {
        borderRadius: "8px",
        border: `1px solid ${theme.palette.grey[200]}`,
        "&$filled": {
            backgroundColor: …

我正在使用 Chakra UI 创建菜单。我有这样的事情：

<Menu>
    <MenuButton>hover over this</MenuButton>

    <MenuList>
        <Flex>To show/hide this</Flex> 
    </MenuList>
</Menu>

我正在尝试在悬停时动态打开标签。菜单列表默认在用户单击时打开。当我单击按钮并将鼠标悬停在其上时，我的悬停状态起作用。我正在尝试找出一种方法，以便用户不必单击 MenuButton 即可将鼠标悬停在其上即可工作。

我想在 .txt 文件中设置禁用选项的文本（斜体等）样式react-select。尽管这对我来说似乎很基本，但我找不到任何相关内容。

禁用选项是否有自己的“样式键”？