小编Vis*_*was的帖子

反应createRef()与回调引用。使用一个相对于另一个有什么优势吗?

我最近开始研究React,并了解如何使用ref来获取DOM节点。在React文档中,他们提到了创建引用的两种方法。您能在什么情况下让我知道回调ref比createRef()好吗?我发现createRef更简单。尽管文档说“回调引用可以为您提供更精细的控制”,但我无法理解以哪种方式。谢谢

javascript reactjs

13
推荐指数
3
解决办法
1848
查看次数

在React中设置和清除间隔是否必须使用useRef Hook?

我目前正在了解 useRef 挂钩及其用法。访问 DOM 是一个我理解的非常简单的用例。第二个用例是 ref 的行为类似于类组件中的实例字段。React文档提供了一个从点击处理程序设置和清除时间间隔的示例。我想知道,如果不需要从点击处理程序取消时间间隔,我们可以使用 useEffect 中声明的局部变量来设置和清除间隔吗?或者使用文档中提到的引用始终是要采取的方法?

useEffect(() => {
 const id = setInterval(() => {
  // ...
  });
  return () => {
    clearInterval(id);
  };
})
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

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

Vue JS-在找不到图像源时设置替代图像

我正在一个有产品列表的网站上工作。每个产品都有对应的图像。我将图片网址绑定到如下所示的source属性。

<img :src="product.ImageUrl"/>
Run Code Online (Sandbox Code Playgroud)

如果找不到该图像,我想显示一个默认图像。

我在cshtml剃刀语法中执行以下操作(仅供参考)

onerror='this.onerror = null;this.src = "@Url.Content("~/images/photo-not-available.jpg")";'
Run Code Online (Sandbox Code Playgroud)

我如何在Vue中实现相同目标?

javascript vue.js vuejs2

5
推荐指数
2
解决办法
5262
查看次数

Vuex-跨模块共享通用功能

我正在开发Vue Js 2应用程序,目前正在构建商店和其他模块以分离出代码。有没有办法编写一个通用函数并在所有模块之间共享?

例如,我有一个函数truncate(),需要在customer.js,cart.js,address.js中使用。如果我在store.js中声明它并尝试在模块中使用它,则会引发错误。进出口是唯一的方法吗?共享功能的最佳方法是什么?

javascript vuex vuejs2

5
推荐指数
2
解决办法
4228
查看次数

React Hooks - 为什么数组解构优于对象解构?

我刚刚开始编写一些自定义挂钩,然后出现了问题,我应该以数组还是对象的形式返回一组值?
useState 返回一对值的数组而不是具有两个属性的对象是否有特定原因?
我感觉我读过一些关于这方面的内容,但不记得在哪里。谢谢

reactjs react-hooks

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

即使存在 TypeScript(类型)错误,如何允许构建故事书?

我已经设置了 CRA 打字稿模板并将故事书集成到应用程序中。我正在使用 Chakra-UI,它现在缺乏对一些组件的打字稿支持。当我运行纱线故事书时,应用程序运行并提供故事书应用程序,并且所有组件故事都工作正常。但是,当我使用命令yarn build-storybook 进行构建时,TypeScript 错误会显示在控制台中,并且命令会以退出代码 1 退出,并且构建永远不会发生。如何设置配置,以便即使存在 TS 错误,storybook 仍然可以继续构建?

下面的示例错误。

在此输入图像描述

typescript reactjs create-react-app storybook

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

访问$ refs来自与当前组件不在同一级别的其他组件

我正在开发一个Vue应用程序.它有一个标题,然后是主要内容.嵌套和结构如下

TheHeader.vue -> TheLogin.vue

MainContent.vue -> ShoppingCart.vue -> OrderSummary.vue
Run Code Online (Sandbox Code Playgroud)

我需要访问一个元素TheLogin.vue,从OrderSummary.vue

this.$refs.loginPopover.$emit('open')
Run Code Online (Sandbox Code Playgroud)

给我一个错误,"Cannot read property '$emit' of undefined"所以显然我无法$refs从其他组件访问.

问题是如何从其他组件中获取refs?提前致谢!

编辑1 - 发现$ refs仅适用于子组件.如何访问不同级别组件的元素?

javascript vue.js vue-component vuejs2

4
推荐指数
3
解决办法
1960
查看次数

Bootstrap 4 Dropdown - 禁用popper.js导致的自动放置

我正在使用Bootstrap 4下拉菜单,大约有18个下拉项目.由于高度太高,popper.js会自动将下拉列表从其原始位置移动到屏幕顶部.我该如何防止这种情况?我总是希望下拉菜单显示在切换它的按钮下方.谢谢

按要求发布代码 - (我正在使用C#,但代码应传达我希望的观点)

             <div class="dropdown">
                <span class="p-2 text-uppercase font-weight-semi-bold pointer dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    @topMenu.Name
                </span>
                <div class="dropdown-menu"  style="font-size:0.9rem" aria-labelledby="dropdownMenuButton">
                    @foreach (var subMenu in topMenu.SubMenu)
                    {
                        <a class="dropdown-item" href="@Url.Content("~/" + subMenu.Url)">@subMenu.Name</a>

                    }
                </div>
            </div>
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-4 popper.js

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

在Vue js 2中获取动态$ refs值

我正在开发一个vue js应用程序.我有动态ref绑定接受数量的输入元素这样的东西 -

:ref="'qty' + index"

当我记录这个.$ refs,我得到所有的参考.qty0,qty1,qty2等.

我的问题是,如何使用ref获取特定输入元素的值?

我不能硬编码.$ refs.qty0作为索引不断变化.

我试过了

  let quantityRef = "qty" + index;
  console.log(index); // 0
  console.log(quantityRef); // qty0
  console.log(this.$refs.quantityRef); // undefined
Run Code Online (Sandbox Code Playgroud)

提前致谢

javascript vue.js vuejs2

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

在 SQL Server 中选择行号连接的列

我正在使用 SQL Server 2014 并希望在表中选择一列,其行号与结果集中的列值相连。

例如:

DemoField
---------
Apple
Ball
Cat
Run Code Online (Sandbox Code Playgroud)

应该返回这个结果集:

DemoField
---------
Row1 Apple
Row2 Ball
Row3 Cat
Run Code Online (Sandbox Code Playgroud)

我在ROW_NUMBER()使用的地方遇到了一些类似的问题,但我发现它被选为单独的列,而不是连接到正在返回的现有列。

当我尝试将 连接ROW_NUMBER()到列时,出现错误:

将数据类型 varchar 转换为 bigint 时出错。

请告诉我。

谢谢

sql t-sql sql-server

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