小编Ank*_*ita的帖子

如何更改material ui table中选定行的文本颜色

我试图在选择时更改行文本的颜色和行的背景颜色。

我能够成功更改背景颜色,但无法更改文本颜色。

<TableRow
        className={classes.tableBody}
      >

tableBody: {
    "&:focus": {
      color: "yellow !important",
      backgroundColor: "#3D85D2 !important",
    },
  },
Run Code Online (Sandbox Code Playgroud)

css frontend reactjs material-ui

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

错误:未实现:HTMLFormElement.prototype.submit

这是我的测试用例的样子:

const renderCard = ({
  onSubmit = jest.fn(),
}: RenderCardParams = {}) => {
  return render(
        <Card title={title} onSubmit={onSubmit}>
          <Button type="submit">Save</Button>
        </Card>,
  );
}; 

it("should invoke onSubmit when form is submitted", async () => {
      const onSubmit = jest.fn();
      window.HTMLFormElement.prototype.submit = () => {};
      const { getByText } = renderCard({ onSubmit });
      const button = getByText("Save").closest("button");
      if (button) {
        fireEvent.click(button);
      }
      await wait(() => expect(onSubmit).toHaveBeenCalled());
 });
Run Code Online (Sandbox Code Playgroud)

我收到“错误:未实现:HTMLFormElement.prototype.submit”。我尝试了这里提到的解决方案https://github.com/jsdom/jsdom/issues/1937,但没有奏效。我不想消除错误而是正确执行测试。谢谢你。

forms typescript reactjs jestjs react-testing-library

7
推荐指数
2
解决办法
4561
查看次数

如何在我的本地一起运行两个反应项目

我的项目结构如下:

Projects --- package.json 
   |-------Project1 ---- package.json
   |-------Project2 ---- package.json
Run Code Online (Sandbox Code Playgroud)

如果我yarn start从运行cd Projects/Project1,project1 反应应用程序就会运行。

如果我yarn start从运行cd Projects/Project2,project2 React 应用程序就会运行。

为了从项目运行应用程序,我需要指定项目名称:例如:yarn start-Project1

我想使用yarn start 从最顶层的目录运行我的两个项目。我想在不同的端口上运行项目。

如果我将“项目”中的更改package.json为这个

"start": "cd Projects/Project1 && export PORT=3001 && cd ../Project2 && export PORT=3000 && react-scripts start",

这只是项目的运行。谢谢。

javascript frontend reactjs package.json yarnpkg

6
推荐指数
1
解决办法
5702
查看次数

如何将 MarkerClusterer 添加到 google-map-react

我想在我的谷歌地图中实现 MarkerClusterer。有没有我可以使用的库或组件。谢谢。这就是我的代码现在的样子。谢谢。

const handleApiLoaded = ({ map, maps }: MapProps) => {
    console.log(maps);
    mapRef.current = { map, maps };
    if (truckData.length > 0) {
      const bounds = getBounds(maps);
      map.fitBounds(bounds);
      bindResizeListener(map, maps, bounds);
    }
  };


 <GoogleMapReact
      bootstrapURLKeys={{ key: `${process.env.REACT_APP_GOOGLE_MAPS_KEY}` }}
      center={mapCenter}
      defaultZoom={14}
      options={{ zoomControlOptions: { position: 7 } }}
      layerTypes={isTraffic ? ["TrafficLayer"] : []}
      yesIWantToUseGoogleMapApiInternals
      onGoogleApiLoaded={handleApiLoaded}
    >
  </<GoogleMapReact>

interface MapProps {
  map: google.maps.Map;
  maps: {
    LatLngBounds: new () => google.maps.LatLngBounds;
  };
Run Code Online (Sandbox Code Playgroud)

如何将标记聚类与 google-map-react 库一起使用。谢谢

frontend google-maps typescript material-ui google-map-react

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

ESLint 更新出现以下错误:导入多次 import/no-duplicates

将 ESLint 更新到 6.6.0 会出现以下错误:

多次导入错误“/node_modules/date-fns/typings.d.ts”

导入/不重复

代码:

import format from 'date-fns/format';
import getTime from 'date-fns/get_time';
import isValid from 'date-fns/is_valid';
Run Code Online (Sandbox Code Playgroud)

日期-fns版本:2.4.1

我该如何解决同样的问题。谢谢

typescript eslint date-fns

3
推荐指数
1
解决办法
6752
查看次数

TypeError:类型“type”的对象不可 JSON 序列化

该代码在 Postman 中运行良好,并提供有效的响应,但无法生成 OpenAPI/Swagger UI 自动文档。

class Role(str, Enum):
     Internal = "internal"
     External = "external"


class Info(BaseModel):
    id: int
    role: Role

class AppInfo(Info):
    info: str


@app.post("/api/v1/create", status_code=status.HTTP_200_OK)
async def create(info: Info, apikey: Union[str, None] = Header(str)):
    if info:
        alias1 = AppInfo(info="Portal Gun", id=123, role=info.role)
        alias2 = AppInfo(info="Plumbus", id=123, , role=info.role)
        info_dict.append(alias1.dict())
        info_dict.append(alias2.dict())

        
        return {"data": info_dict}
    else:
        
        raise HTTPException(
            status_code=status.HTTP_404_NOT_FOUND,
            detail=f"Please provide the input"
        )
Run Code Online (Sandbox Code Playgroud)

收到错误:

TypeError: Object of type 'type' is not JSON serializable
Run Code Online (Sandbox Code Playgroud)

python swagger swagger-ui openapi fastapi

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

SQL 查询按模式排序

我正在使用这个特定的例子

https://www.w3schools.com/sql/sql_orderby.asp

我想获取按国家/地区模式排序的客户列表。

例如,Country以 开头的国家/As地区应在数字上排在第一位,然后是以 开头的国家/地区Ge,最后是以 开头的国家/地区Fr

如果我需要在该国家/地区使用 1 种模式搜索进行订购,我可以使用以下代码来实现:

SELECT * FROM Customers
ORDER BY (CASE WHEN Country LIKE 'Fr%' THEN 0
ELSE 1
END)ASC;
Run Code Online (Sandbox Code Playgroud)

如何在该ORDER BY条款中再添加 2 个条件?谢谢。

mysql sql database case sql-order-by

0
推荐指数
1
解决办法
102
查看次数