小编Huỳ*_*yễn的帖子

useEffect 中带有清理函数的“箭头函数预期无返回值”

这是我的useEffect一个简单的清理功能() => { inbox?.destroy(); },但是当我在那里使用清理功能时,它会发出警告。为什么会这样,清理函数不是合法的语法吗?如何修复它(当然不删除清理功能)?

在此输入图像描述

  useEffect(() => {
    const { currentUser } = initialState!;
    let inbox: Talk.Inbox;
    if (!currentUser || !talkjsContainerRef.current) return;

    Talk.ready.then(async () => {
      const me = employeeToUser(currentUser);
      window.talkSession = new Talk.Session({ appId, me });
      if (id === undefined) {
        // me without other => most recent message first
        inbox = window.talkSession.createInbox();
      } else {
        // me with an other => select other
        const other = employeeToUser(await readEmployee(Number(id)));
        const conversation = window.talkSession.getOrCreateConversation(Talk.oneOnOneId(me, …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs eslint use-effect

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

如何像 React 中的 {...props} 一样在 Vue 中解构 props?

在 React 中,我可以像这样解构 props:

function MyComponent() {
  const myProp = {
    cx: '50%',
    cy: '50%',
    r: '45%',
    'stroke-width': '10%'
  }
  return ( 
    <svg>
      <circle {...myProp}> </circle>
    </svg>
  )
}
Run Code Online (Sandbox Code Playgroud)

我如何在 Vue 中做同样的事情?我目前在 VueJS 中的详细版本是这样的:

<svg>
  <circle :cx="circle.cx" :cy="circle.cy" :r="circle.r" :stroke-width="circle.strokeWidth"> </circle>
</svg>

computed: {
  circle() {
    return {
      cx: '50%',
      cy: '50%',
      r: '45%',
      strokeWidth: '10%'
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

在可运行的代码片断阵营:https://jsfiddle.net/as0p2hgw/
在Vue公司可运行的代码片段:https://jsfiddle.net/zsd42uve/

javascript reactjs vue.js

9
推荐指数
2
解决办法
2428
查看次数

VS Code:使用 [+] [-] 符号而不是默认的 [&gt;] [?] 折叠代码

摘要:我想要两件事:

  • (1) 我希望 VS Code 中的折叠符号为[+][-](类似于 Visual Studio),而不是默认的[>][v ]
  • (2) 我希望我的扩展部分可以有下载和评级预览

故事:我随机看到了这些功能(1)在Stackoverflow 上的一个答案上以及(2)VSCode 的网站扩展库中。我没有足够的声誉来在Stackoverflow 答案下面发表评论来询问他如何获得那些(1) [+][-] 符号功能。我尝试在 SoftwareRecommendation Stack Exchange 上提出问题,但没有得到答案。

我在 Softwarerecs 网站上提出的问题更详细,带有图像,因此你们可以访问它以查看图像和更详细的问题。

第一次提问,先谢谢大家了。

编辑:
(1):最近似乎[+][-]图标被[>][v]取代。不知道有什么办法可以恢复吗?我想这个讨论会对这个问题有点帮助。

(2) 已解决:因为我将侧边栏窗口调整得太小,所以下载和评级部分没有显示。当我将侧边栏展开得更大时,下载和评级会再次显示。

visual-studio-code

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

Skype API - 拨打电话和发送消息

有没有办法用 C# 或任何其他语言实现 Skype API。

我使用的是 Skype4com.DLL,但它已被弃用,不能与 Skype 最新更新一起使用。我在 Skype 插件(Windows 应用程序)中使用它来登录和拨打电话。作为替代方案,我认为 UCWA Skype Web SDK 将是最佳解决方案,但它有不同的用途。

有些公司仍在使用它,例如https://www.minutizer.com/。我无法弄清楚他们如何检测呼叫和消息。

需要帮助!谢谢

c# skype skype4com skypedeveloper

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

如何在 plantuml 中创建虚线边框矩形

要创建一个矩形,我可以简单地实现rectangle "Rectangle Label" as RectangleName,但是如何使其边框变成虚线呢?像下面这样?

https://i.stack.imgur.com/OJCiN.png

diagram uml sequence-diagram graphviz plantuml

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

创建每周日历模仿谷歌日历

我正在尝试创建每周视图日历,日历没有响应。天应该固定在上面,时间应该固定在左边。日历应该在两边都有滚动条,但滚动条必须在 schedule 内。(见下面谷歌日历/我的截图):

这是我目前的解决方案:https : //codepen.io/Rahmans/pen/LvWZpN

body {
    background: #f0ece2;
}
.inner {
    width: 700px;
    height: 450px;
    margin: 50px auto;
    overflow: scroll;
}
table {

}
table td {
    background: #acdbdf;
    padding: 20px 60px;

}

table thead th {
    position: sticky;
    top: 0;
    background-color: #010101;
    color: #fff;
    padding: 20px ;
    text-transform: uppercase;
    font-size: 21px;
    z-index: 5;
}

table tbody tr th {
    position: sticky;
    left: 0;
    background-color: #69779b;
    color: #fff;
    padding: 20px ;
}
Run Code Online (Sandbox Code Playgroud)
<div …
Run Code Online (Sandbox Code Playgroud)

html css

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

使用 GitKraken 克隆存储库时,“无法打开 '/etc/gitconfig' - 权限被拒绝”

我尝试在 Ubuntu 上使用 GitKraken 克隆一个存储库,但它抛出了一个错误“无法打开 '/etc/gitconfig' - 权限被拒绝”

所以我认为 GitKraken 软件需要访问 gitconfig 文件才能正常工作,并且它一开始就尝试访问该文件/etc/gitconfig(该文件已锁定 -我什至不知道“锁定”是什么意思),所以它抛出了错误。经过谷歌搜索后,我发现一个听起来合理的解决方案是键入内容以chmod 777 /etc/gitconfig授予每个人(包括 GitKraken)读/写该配置文件的权限。但这样做之后,即使重新启动后,它仍然无法工作(权限被拒绝)。第一次尝试失败了。也许这与许可无关

然后我继续谷歌搜索,然后我知道git有3种类型的配置文件,分别是本地(位于.git/gitconfig)、全局(位于~/.gitconfig)和系统(位于/etc/gitconfig)。然后我想“啊哈,我可以删除它/etc/gitconfig,然后 Kraken 就会使用~/.gitconfig。但删除后/etc/gitconfig,它起作用了(我可以按预期克隆我的存储库)。但我认为这只是一个解决方法,我不知道这样做的后果是什么(删除系统gitconfig)。正如我在文档中阅读的那样,它应该首先按顺序读取本地文件,然后是全局文件,然后是系统文件,因此只有在找不到文件时才应该读取/etc/gitconfig~/.gitconfig,对吗?为什么这里不是这样?或者GitKraken故意设置从第一个读取配置文件/etc/gitconfig而不是上面的顺序?

最后,我删除了系统 gitconfig /etc/gitconfig(将其重命名为/etc/.gitconfigbtw)。我的问题是我现在应该做什么,我的问题解决了吗?如果现在我还不完全明白发生了什么,请有人向我解释一下吗?

提前致谢。 …

git github gitkraken

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

react-native-chart-kit 不同的阴影颜色

所以我想在图表上画两条线,我使用 给每条线不同的颜色color。我也想给每条线不同的阴影。但是,通过更改withShadow,它可以同时true适用于两者,也false可以适用于两者,而不能分别适用于每个。我希望我可以为一个数据集使用阴影,而不是另一个数据集,或者为每个数据集使用不同的颜色。

<LineChart
  data={{
    labels: dataDayOfWeek,
    datasets: [
      {
        data: dataValueNew,
        color: `rgba(25, 255, 12, 1)`,
      },
      {
        data: dataValueOld,
        color: `rgba(25, 255, 12, 0)`,
        withShadow: false, //this did not work
      },
    ],
  }}
/>;

Run Code Online (Sandbox Code Playgroud)

css jsx reactjs react-native react-native-chart-kit

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

Ant Design 中 pageSize 变化时如何重置 Pagination 当前页面?

我的要求:pageSize更改(使用onShowSizeChange)时,将 重置current为 1,而不是保留current(如默认行为)。如何使用Ant DesignPagination做到这一点?

例如:我在pageSize=10,current=2,当pageSize从 10 变为 20 时,我想current重置为 1,而不是仍然是 2。

我的代码:

function App() {
  const [current, setCurrent] = React.useState(1);

  return (
    <Pagination
      current={current}
      onChange={setCurrent}
      showSizeChanger={true}
      onShowSizeChange={() => setCurrent(1)}
      total={1000}
    />
  );
}
Run Code Online (Sandbox Code Playgroud)

代码沙盒

javascript reactjs antd

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

MUI sx prop 中的动态样式?

是否可以在 MUI sx 属性中使用动态样式?像这样的东西:

<Box
  key={index}
  sx={{
    height: "100%",
    width: "100%",
    {index === imgIndex &&
    {"@keyframes fadeIn": {
        from: {
            opacity: 0,
        },
        to: {
            opacity: 1,
        },
        },
        "fade-in": {
        animation: "$fadeIn 2.5s",
        }}}
    }}
>
  {child}
</Box>
Run Code Online (Sandbox Code Playgroud)

如果没有,有什么选择可以做这样的事情?

我的用例是这是使用 MUI4(makeStyles)完成的轮播的重构,我正在迁移到 MUI5(不再有 makeStyles)

reactjs material-ui

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