小编zhu*_*ien的帖子

自定义 FullCalendar 中的 Day Cell 内容

我正在使用fullcalendar进行反应。我正在尝试自定义dayGrid视图。根据React 的内容注入文档,我可以使用自定义内容来呈现日期和标题单元格。dayCellContent 钩子”指出:

生成的内容插入到日单元格最里面的包装器内。它不会取代细胞。

我已经提供了一个实现,dayCellContent并注意到我的内容被注入到以下结构中:

<td class="fc-daygrid-day fc-day fc-day-wed fc-day-past rot_time-off_day-cell" data-date="2021-04-07">
    <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
        <div class="fc-daygrid-day-top">
            <a class="fc-daygrid-day-number">
                ...custom content goes here
            </a>
        </div>
        <div class="fc-daygrid-day-events"></div>
        <div class="fc-daygrid-day-bg"></div>
    </div>
</td>
Run Code Online (Sandbox Code Playgroud)

现在的问题是,由于元素的位置,此结构仅允许您在日期单元格的右上角插入内容。此外,它位于锚元素中。

例子:

function renderDayCell(dayCellContent: DayCellContentArg) {
    return (
        <div>
            {dayCellContent.dayNumberText}
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

有没有一种干净的方法来以某种方式自定义单元格的全部内容?我见过一些使用fullcalendar 的网站,它们的内容直接插入到td. 不确定这是否与版本相关,或者他们正在使用基于domNodes或 的替代 JS 方法html。我正在使用5.6.0fullcalendar 版本。

fullcalendar reactjs

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

在多个项目之间共享 prisma 类型和枚举

目前我正在开发一个使用 prisma 提供数据的 api。该 API 被多个项目使用。在 api 中,我生成用于Prisma.ModelGetPayload定义某些 api 响应的返回类型的类型。

import { Prisma } from "@prisma/client";

export const minimalSelect = Prisma.validator<Prisma.ModelXYSelect>()({
    id: true,
    name: true
});

export type MinimalModelXY = Prisma.ModelXYGetPayload<{
    select: typeof minimalSelect;
}>;
Run Code Online (Sandbox Code Playgroud)

或者可以简单地从 prisma 客户端导入枚举。

import { EnumXY } from "@prisma/client";
Run Code Online (Sandbox Code Playgroud)

这些枚举和类型定义依赖于生成的 API 的 Prisma 客户端。

有一些解决方案可以将整个 prisma 客户端提取到 npm 包中(请参阅此处),但是,这不是我想要做的。

是否可以将这些类型提取到 npm 包中以在多个项目之间共享它们,而无需提取整个 prisma 客户端?

npm typescript prisma

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

如何验证 Nest.js 中的可选参数?

我正在尝试验证PUT users/端点的参数,但我希望所有参数都是可选的,但是一旦 api 使用者填写这些参数,我想验证它们。

我试图将@ApiModelProperty required false与验证管道装饰器结合起来,但验证管道接管了ApiModelProperty (发送400 个错误请求 非常正常HttpException

这是我的 DTO - usersUpdate.dto.ts

import { IsEmail, IsEnum, IsPhoneNumber, IsEmpty } from 'class-validator';
import { ApiModelProperty } from '@nestjs/swagger';
import { RoleType } from './role-type.enum';

class UserInfo {
    @ApiModelProperty({ description: 'User firstname', required: false  })
    readonly firstname: string;

    @ApiModelProperty({ description: 'User lastname', required: false  })
    readonly lastname: string;

    @ApiModelProperty({description: 'User postal address', required: false })
    readonly address: string;

    @ApiModelProperty({ description: 'User …
Run Code Online (Sandbox Code Playgroud)

validation nestjs

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

React Hook“useTranslation”在函数“getMyMenu”中调用,该函数既不是 React 函数组件,也不是自定义 React Hook 函数

useTranslation从正常函数中调用钩子,如下所示

import { useTranslation } from "react-i18next";


function getMyMenu(a) {
  const { t } = useTranslation('translations');
  
  if (a.showRoute) {
      a.label = t(a.label);
    return a;
  }
}



export const MyNav = props => {
  let tabs = recurseFn(getMyMenu, props.routes);
}
Run Code Online (Sandbox Code Playgroud)

我收到以下错误。难道就没有办法解决这个问题吗?由于一些奇怪的原因,我能够看到类似的代码模式在其他项目中工作。需要任何额外的配置才能使其工作吗?

更新:

这就是我的recurseFn样子:

export const recurseFn = (chk, [head, ...tail]) => {
  if (head === undefined) return [];
  if (chk(head)) {
    return [head, ...recurseFn(chk, tail)];
  }

  return [...recurseFn(chk, tail)];
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

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

如何解决Promise未决的问题

我目前正在尝试使受保护的路由功能做出反应。我希望这result将返回一个布尔值而不是一个承诺而不更改ProtectedRouteasync

 import React from "react";
    import { Redirect, Route } from "react-router-dom";
    import { CheckToken } from "./RequestAction"
    
    function ProtectedRoute({ component: Component, ...restOfProps }) {
    
      const result = (async () => {
        const res = await CheckToken() 
        return res;
      })()
     
      console.log(result); //log-> Promise {<pending>}[[Prototype]]: Promise[[PromiseState]]: "fulfilled"[[PromiseResult]]: false
      return (
        <Route
          {...restOfProps}
          render={(props) =>
            result ? <Component {...props} /> : <Redirect to="/login/" />
          }
        />
      );
    }
    
    
    export default ProtectedRoute; 
Run Code Online (Sandbox Code Playgroud)

这是CheckToken函数:

 import axios …
Run Code Online (Sandbox Code Playgroud)

javascript async-await reactjs

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

如何在 Postgresql 中使用 ALTER 将 VARCHAR 类型更改为 DATETIME?

如何将VARCHAR()类型更改为在 Postgresql 中DATETIME使用ALTER

列数据的结构已经如下:"2013-12-08 16:09:07"

sql postgresql sqldatatypes

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

如何在C#中将任意大小的字节数组转换为ulong?

考虑使用不同长度的各种字节数组,例如:

byte[] a = new byte[]{0x6};
byte[] b = new byte[]{0x6, 0x33, 0x22};
byte[] c = new byte[]{0x6, 0x33, 0x22, 0x14, 0x47};
Run Code Online (Sandbox Code Playgroud)

如何将这些基本上任何大小的字节数组(大于 8 字节除外)转换为ulong

我知道BitConverterC# 中的类,但你必须始终提供准确的字节数......

c#

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

无法触发 onClick 事件来切换反应状态?

我试图调试我正在制作的项目的侧边栏。侧边栏按钮之一不会触发onClick我指定的事件。我查看了 30 分钟的代码,甚至复制了它并删除了所有不必要的元素以对其进行调试。我的结论是:

  1. 我已经拥有的按钮之一可以正常工作,而我正在尝试修复的另一个按钮即使共享完全相同的代码也无法正常工作。
  2. 为什么它会这样,我无法理解。

你能找出原因吗?

这是被诅咒的代码:

import React from "react";

class SidebarTest extends React.Component {
    constructor() {
        super();
        this.state = {
            isDropdownActiveFlowers: false
        };
    }

    displayDropdownFlowers = () => {
        this.setState({
            isDropdownActiveFlowers: !this.state.isDropdownActiveFlowers
        });
        
        console.log(this.state.isDropdownActiveFlowers);
    };

    render() {
        return (
            <div className="sidenav">
                <h1 className="Sidebar-Name">Flooo</h1>

                <button onClick={this.displayDropdownFlowers}>works</button>
                <button onClick={this.displayDropdownFlowers}>works</button>
                <button onClick={this.displayDropdownFlowers}>works</button>
                <button onclick={this.displayDropdownFlowers}>doesnt work</button>
                <button onclick={this.displayDropdownFlowers}>doesnt work</button>
            </div>
        );
    }
}

export default SidebarTest;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

在 List&lt;T&gt; 上使用 FindAll() 方法

我有一个对象列表,每个对象都有两个属性。我想通过使用将其中一些根据其属性之一分类到另一个列表中FindAll()。请参阅下面的示例代码:

namespace Example {

    class Tower {
         public string name { get; set; }
         public int hight { get; set; }
    }

    class Program {
          static void Main (string[] args) {
                 List<Tower> towers = new List<Tower>();

                 towers.Add(new Tower() { Name = "tower1", Hight = 25 });
                 towers.Add(new Tower() { Name = "tower2", Hight = 50 });
                 towers.Add(new Tower() { Name = "tower3", Hight = 25 });

                 List<Tower> short_towers = towers.FindAll(new Tower() { Hight = 25 });
          }
     } …
Run Code Online (Sandbox Code Playgroud)

.net c#

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