小编Maj*_* M.的帖子

我正在尝试制作一个具有 Treeviz 依赖项的 Web 应用程序。目标是在树的每个节点上放置一个弹出按钮，如果用户单击该按钮，他/她可以看到该节点的描述，并且之后应该可以编辑。我尝试了很多方法，但对我来说，弹出窗口在 React 中不起作用。

有一个我想做的例子。你可以看到我必须将 React 组件插入 HTML，因为我正在使用 renderToString。您只需查看树的 renderNode 属性即可。我引用 renderNode 中的 React 组件，例如：${tooltip} ${popover}。

import React from "react";
import { TreevizReact } from "treeviz-react";
import { renderToString } from "react-dom/server";
const data_1 = [
  {
    id: 1,
    text_1: "Chaos",
    description: "Void",
    father: null,
    color: "#FF5722"
  },
  {
    id: 2,
    text_1: "Tartarus",
    description: "Abyss",
    father: 1,
    color: "#FFC107"
  },
  { id: 3, text_1: "Gaia", description: "Earth", father: 1, color: "#8BC34A" },
  { id: 4, text_1: "Eros", …

我试图从多个表中获取记录，最后两个表与之相关，因此我在它们之间进行连接，但第一个表与它们没有关系，但我需要从中获取数据。这是我的视图模型

 public class AssignTodoVM
{
    public int TOdoPresetTeamID { get; set; }
    public int UserId { get; set; }
    public int TaskId { get; set; }       
    public string TaskName { get; set; }
    public DateTime CreatedDate { get; set; }
    public string userName { get; set; }
    public int? TeamId { get; set; }
   
}

我编写了以下查询并收到错误。

 var Tasks = (from c in _context.ToDoPresets
                     select new AssignTodoVM
                     {
                         TaskId = c.ToDoPresetID,
                         TaskName = c.Title,
                         TOdoPresetTeamID = c.ToDoPresetID,
                     }).Union(
                     from q in …

我正在使用material-ui并且我想制作一个datetime-picker. 如果用户没有选择任何内容，我希望仅显示标签“日期”，但正如您在下面的图片中看到的，有一些默认mm/dd/yyyy字符。有什么办法可以去除它们吗？

由于这些字符，您几乎看不到标签： ,

单击后，标签出现（我想要的），但同样，我有 mm/dd/yyyy

这是我正在使用的代码：

<Grid item>
       <TextField
        classes={{ root: classes.textFieldRoot }}
         name="Date"
         label="Date"
         type="datetime-local"
         />
    </Grid>

这就是我想要得到的：

用户点击之前：

用户选择日期和时间后：

我以这种方式检查数组是否包含该值：

testArray.includes(value)

如果数组为空或它包含该值，我需要执行相同的操作。所以我有这样的条件：

if (testArray == [] || testArray.includes(value)) {
    // do something
}

但typescript正在尝试执行此条件的第二部分，即使testArray == []。所以我收到一个错误testArray.includes is underfined。

我知道我可以这样修复它：

if (testArray == []) {
    // do something
} else if (testArray.includes(value)) {
    // do the same thing
}

但看起来不太好。有没有办法把它放在一个if中？

testArray是一个 openapi 查询参数，如果它很重要的话。

我正在尝试使用 chakra ui 文档中的警报对话框示例，但我在输入时遇到了一些问题：

    const { isOpen, onOpen, onClose } = useDisclosure();
    {...}
        <AlertDialog
                    motionPreset="slideInBottom"
                    leastDestructiveRef={cancelRef}
                    onClose={onClose}
                    isOpen={isOpen}
                    isCentered
        >
                <Button ref={cancelRef} onClick={onClose}>
                    Cancel
                </Button>
        </AlertDialog>

我从leastDestructiveRef 和 ref 收到以下错误：

类型“MutableRefObject”不可分配给类型“RefObject”。

类型“MutableRefObject”不可分配给类型“LegacyRef |” 不明确的'。