小编Pra*_*tha的帖子

禁用与状态相关的整个表单元素.应对

我正在使用isFetchingprop 来禁用输入,但这会变得有用,因为我必须在每个输入字段中保留它.有没有办法禁用整个表单?像标签中的disable属性<form>或什么?

<form>
  <input type="text" disabled={this.props.isFetching} />
  <input type="text" disabled={this.props.isFetching} />
</form>
Run Code Online (Sandbox Code Playgroud)

html javascript forms reactjs

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

在不使用jQuery的情况下将表转换为JavaScript中的数组

我需要根据表中的内容将我创建的表格转换为多维数组.数组的格式如下:

 var array = [
               [column,column,...],
               [column,column,...],
               ...
              ];
Run Code Online (Sandbox Code Playgroud)

如何在不使用jQuery的情况下使用纯JavaScript进行此操作?我找到的所有答案都在jQuery中.

JSFiddle.

html javascript arrays

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

如何在页面重新加载时清除react-router中的location.state?

我目前正在通过以下方式改变路线:

<Link to={{
           pathname:`/transactions/${props.transaction.id}`,
           state: {transaction: props.transaction}
         }}> View Details </Link>
Run Code Online (Sandbox Code Playgroud)

我的逻辑是,如果存在"location.state.transaction",则不要获取新数据,否则,获取数据.

现在的缺陷是当页面重新加载时.如果用户重新加载页面,应用程序需要获取新数据.如果有重新加载,我认为"location.state"会被清除,但显然状态会保存在sessionStorage中.

我该如何解决这个问题?我每次都可以获取新数据,但是当单击"查看详细信息"链接时,它不应该获取数据.

javascript reactjs react-router

9
推荐指数
5
解决办法
2901
查看次数

无法读取 JEST 中 IF 语句中未定义对象的属性

我有一个简单的 if-else 语句

if(this.props.params.id){
    //do something
}
Run Code Online (Sandbox Code Playgroud)

现在,这在浏览器中运行良好。如果参数中有 id,则进入 if 子句;如果没有 id,则不进入 if 子句。

现在,在用 jest 编写测试时,当未定义 id 时,它会抛出错误:“无法读取未定义的属性'id'”为什么会发生这种情况,不应该将其视为 false 吗?它在浏览器中运行良好,只是在测试时会抛出错误。

javascript reactjs jestjs

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

使用 Electron 和 sqlite 进行 Knex 迁移?

我正在使用 sqlite 作为我的数据库,用于使用电子制作的离线应用程序。为了创建数据库,我使用了 knex 迁移。问题是,它会在开发中运行良好,我会迁移数据库并启动电子进程。

但是在为生产构建打包应用程序时,我需要在第一次启动时在客户端计算机上运行迁移。这样就可以创建数据库,并且当有应用程序更新时,新的迁移将保持数据库更新。

什么是合适的方法。我如何在应用程序启动时运行迁移,或者如何将迁移保留在包中。不是所有的代码都保存在app.asar中吗?迁移代码会从那里运行吗?

此外,应该在客户端计算机中的何处创建数据库?

sqlite offline reactjs knex.js electron

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

如何将ul元素带到div的中心?CSS

我有一个div,我需要在该div中心的内部列表.我可以通过指定宽度并将余量0自动设置在中间,但我需要使其动态,即使我从列表中删除1个元素,它也会出现在div的中心.或者,如果我添加另一个元素,它将保持中心对齐属性.我怎么做?

小提琴:https: //jsfiddle.net/ucxdfmpc/1/

  <div class="counter-wrapper">
        <div class="counter-inner clrfix">
          <ul>
            <li>
              <span class="counter-image first"></span>
              <span class="counter-number">4</span>
              <span class="counter-text">CREATIVES</span>
            </li>
            <li>
              <span class="counter-image second"></span>
              <span class="counter-number">6</span>
              <span class="counter-text">CODERS</span>
            </li>
            <li>
              <span class="counter-image third"></span>
              <span class="counter-number">4</span>
              <span class="counter-text">DESIGNERS</span>
            </li>
            <li>
              <span class="counter-image fourth"></span>
              <span class="counter-number">2</span>
              <span class="counter-text">WORKERS</span>
            </li>
          </ul>
        </div>



     * {
  padding: 0px;
  margin: 0px;
}
.counter-wrapper {
  background: #fe6261;
  padding-top: 37px;
  padding-bottom: 36px;
  border-top: 1px solid #fe4e4d;
  border-bottom: 1px solid #fe4e4d;
}

.counter-inner ul{
  list-style: none;
 }
.counter-inner ul …
Run Code Online (Sandbox Code Playgroud)

html css

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

选择类的所有子元素.CSS

有没有办法直接将样式应用于类的所有元素,而不必像这样写:

.element-wrapper .coin-box{
  margin: 10px;
  float: left;
}

.element-wrapper .platform{
 margin: 10px;
 float: left;
}

.element-wrapper .goomba{
  margin: 10px;
  float: left;
}
Run Code Online (Sandbox Code Playgroud)

html css

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

标签 统计

html ×4

javascript ×4

reactjs ×4

css ×2

arrays ×1

electron ×1

forms ×1

jestjs ×1

knex.js ×1

offline ×1

react-router ×1

sqlite ×1