小编Leo*_*ssi的帖子

有一个具有这种结构的对象：

anObject = {
    "a_0" : [{"isGood": true, "parameters": [{...}]}],
    "a_1" : [{"isGood": false, "parameters": [{...}]}],
    "a_2" : [{"isGood": false, "parameters": [{...}]}],
    ...
};

我想将所有isGood值设置为true. 我试过使用 _forOwn 来遍历对象并使用 forEach 来遍历每个属性，但这似乎不是正确的方法。

_forOwn(this.editAlertsByType, (key, value) => {
    value.forEach(element => {
        element.isSelected = false;
    });
});

错误说：

value.forEach 不是函数

有以下单元测试：

  const MY_URL = 'example.com'
  it('should render MyComponent with url', () => {
    const { getByTestId } = render(<MyComponent />);
    const myLink = getByTestId(TestIds.LINK);
    expect(loggingLink).toContain(MY_URL);
  });

测试失败并显示以下消息：

 Expected value:  "example.com"
 Received object: <div class="m-3" data-testid="test-link"><a href="example.com">my-link</a></div>

所以看起来并toContain没有检查该对象内部的内容。有没有一种方法可以检查 URL 是否在对象内部？

有 var toCheck = a

在这种情况下if(toCheck == 'a')返回true

是否有更短/更好的方法,此操作也返回true A？

不同的东西 if(toCheck == 'a' || toCheck == 'A')

以下代码片段可以与 React + Javascript 配合使用：

import React, { useRef } from "react";

import Editor from "@monaco-editor/react";

function App() {
  const editorRef = useRef(null);

  function handleEditorDidMount(editor, monaco) {
    editorRef.current = editor;
  }

  function showValue() {
    alert(editorRef.current?.getValue());
  }

  return (
    <>
      <button onClick={showValue}>Show value</button>
      <Editor
        height="90vh"
        defaultLanguage="javascript"
        defaultValue="// some comment"
        onMount={handleEditorDidMount}
      />
    </>
  );
}

export default App;

沙箱在这里。

我需要在 React + Typescript 应用程序中使用它，所以我必须添加类型。

应该用于什么类型editor？

尝试过这样的：

  function handleEditorDidMount(editor: HTMLInputElement) {
    editorRef?.current = editor;
  }

  function showValue() {
    // eslint-disable-next-line …

我有这个C#代码:

data[j].Actual[0] = data[j].Actual.Count != 0 ? (data[j].Actual[0] ?? 0) : 0;

我想要做的是检查计数是否为0,在这种情况下,变量的值应设置为0.

如果计数不同于0,我想检查null-coalescing运算符,如果该值存在,否则返回0.

我遇到的问题是我收到此错误消息:

指数超出范围.必须是非负数且小于集合的大小.参数名称:index

我的猜测是,即使data[j].Actual.Count为0时,结果也不是0,但它会尝试使用null-coalescing运算符执行某些操作.

有什么建议？

有一个类似的问题，它限制了表单输入中允许的字符数。

在我的情况下，我想将小数点后可以添加的位数限制为 2 位数。

<input type="text" maxlength="2"/>

有没有办法限制小数点 ( .)后的数字？

有一个包含一些按钮组的div.

.main-div {
    display: flex;
    .second-div {
                 //what to write here?
     }
}

<div class="main-div>
    //other divs
    <div class="second-div">
        <div>some button</div>      
        <div>some button</div>
    </div>
</div>

我希望位于此div内的按钮组位于该行的右端.

我试着像多个选项:float: right;, justify-content: end;,margin-right: 0px但他们都没有想要的效果.

有任何想法吗？

我正在使用 Formik 来验证一些数据。当它应该创建新实体时它工作正常，但是当我想编辑实体时就会出现问题。

编辑模式必须从状态激活（this.state.edit === true），实体的数据也存储在状态上，例如 this.state.name 那里有一个字符串值。

我在渲染中放置了控制台日志，问题是日志被打印了几次，第一次在 this.sate.name 上使用空字符串，并且 this.state.edit 的值为 false。接下来打印它是正确的，此编辑为 true 并且名称包含一个值。

这是代码：

import React from 'react';
import { Redirect } from 'react-router-dom';
import { Formik, Form, Field } from 'formik';
import { Input, Button, Label, Grid } from 'semantic-ui-react';
import { connect } from 'react-redux';
import * as Yup from 'yup';
import { Creators } from '../../../actions';

class CreateCompanyForm extends React.PureComponent {
  constructor(props) {
    super(props);

    this.state = {
      name: '',
      redirectCreate: false,
      redirectEdit: false,
      edit: …

有没有办法在不使用所有nth-child()选择器的情况下编写 CSS 代码？我想让代码更具可扩展性，以防将来我想添加更多雪花。

body {
 background-color: red;
}
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}

@keyframes snowflakes-shake { …

有以下代码片段：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<div><p class='mb-2'>This is the title!</p>
<div>
  <p><span>5</span> <i class='fa fa-sort-down'></i><span> = this is some text</span></p>
  <p><span>24</span> <i class='fa fa-sort-down'></i><span>  = this is another text over here</span></p>
  <p><span>31</span> <i class='fa fa-sort-down'></i><span> = the same</span></p>
</div>
</div>

正如在代码中可以看到的，5正是上面的2。它必须在上面24，就像在中间，在它们之间。

我尝试将显示柔性添加到跨度，然后aling-items或aling-self并将其设置为center但没有工作。

有什么建议