小编Dac*_*nny的帖子

情境

我的学生每学期至少需要学习一门科学，一门物理和一门历史考试。以下表格给出了正确的平均成绩以及学生的最终成绩：

document.getElementById('calcBtn').addEventListener('click', function() {
  var scienceTest1 = document.getElementById('scienceTest1').value;
  var scienceTest2 = document.getElementById('scienceTest2').value;
  var scienceTest3 = document.getElementById('scienceTest3').value;
  var physicsTest1 = document.getElementById('physicsTest1').value;
  var physicsTest2 = document.getElementById('physicsTest2').value;
  var physicsTest3 = document.getElementById('physicsTest3').value;
  var historyTest1 = document.getElementById('historyTest1').value;
  var historyTest2 = document.getElementById('historyTest2').value;
  var historyTest3 = document.getElementById('historyTest3').value;
  var scienceAverage = document.getElementById('scienceAverage');
  var physicsAverage = document.getElementById('physicsAverage');
  var historyAverage = document.getElementById('historyAverage');
  var finalGrade = document.getElementById('finalGrade');
  scienceAverage.value = (Number(scienceTest1) + Number(scienceTest2) + Number(scienceTest3)) / 3;
  physicsAverage.value = (Number(physicsTest1) + Number(physicsTest2) + Number(physicsTest3)) / 3;
  historyAverage.value = (Number(historyTest1) + Number(historyTest2) …

我是JavaScript新手，所以这可能是一个琐碎的问题：

我正在尝试构造一个对象，该对象存储从一组整数到其某些方法的映射，即像这样的东西：

'use strict';

function Foo() {
    this.funcs = {
        1: this.func1,
        2: this.func2,
    }
}

Foo.prototype.func1 = function() {
    this.prop = 1;
}

Foo.prototype.func2 = function() {
    this.prop = 2;
}

然后，我希望能够调用如下方法Foo：

foo = new Foo();
var func = foo.funcs[1];
func();

但这导致：Cannot set property 'prop' of undefined，即this不引用foo。

这是什么问题，有没有更好的方法来实现呢？

我有以下基于 React 的组件，它有一个字典对象 (foo)，其中包含另一个字典 (bar) 的状态。

我想设置内部字典的值，但不知道该怎么做：

class App extends Component {

    state = {
        foo: {
            title: "My title",
            bar: {}
        }
    }
    componentDidMount() {
       this.state.foo.bar = { "test": "123" };
    }
}

我在网上搜索了很长时间。我试图把if和else语句到这个硒IDE。程序本身不提供任何参数、提示或帮助。我在网上看到很多结果都是java代码，但无论如何我都看不到在这里输入代码。

有人可以向我展示如何使用这个 if 和 then 语句的例子吗？

我正在设置一个包含两个字段的表单；开始月份和结束月份。

开始月份和结束月份仅用相应月份的整数（0-11）表示。我需要验证以确保结束月份在开始月份之后（即结束月份的整数更大）。

几年前我看过其他类似的问题，但是是的，似乎已经更新以使它们无用。我已经尝试了下面的代码，但有一些变化。

我也很难将结束月份验证为一个数字（.number()- 我假设我可能必须在测试函数中执行此操作。

let schema = yup.object().shape({
  startMonth: yup
    .number()
    .required()
    .positive()
    .integer(),
  endMonth: Yup.string().test(
  "End Month Validation",
  "error message",
  value => {
    return value > startMonth;
  }
)
.number()
.required()
.positive()
.integer(),
});

错误：第 102 行：'startMonth' 未定义 no-undef

我想使用滑块更新元素的字体大小。滑动滑块时，值会更改，并且可以使用将其成功存储到状态中e.target.value。

但是问题是字体大小没有按我预期的那样更新。我不知道为什么？

这是我的React组件代码：

import React, { useState } from 'react';

function App() {
  const [slider, setSlider] = useState(20);

  const handleChange = (e) => {
    setSlider( e.target.value );
    console.log(slider);
  }

  return (
    <div className="container">
        <label style={ { fontSize: slider } }>Example range</label>
        <input 
          type="range" 
          className="custom-range" 
          id="customRange1"
          min="10" 
          max="30"
          defaultValue={slider}
          onChange={handleChange}
        /> 
    </div>
  );
}
export default App;

你知道我将如何在 Node JS 中执行下面的代码行吗？

const file = new File([Data], `${filename}.card`, { type: 'application/octet-stream', lastModified: Date.now() });

谢谢。

- - Material-UI / React / Redux - -

我有一张material-ui桌子。每个内部都有<TableRow>一些<TableCell>具有自己<Chip>组件的组件。这些<Chip>组件通过label属性呈现文本。

我需要能够提取onClick处理程序内的标签，在我的例子中是chipFilter()函数。

我将使用该标签来过滤我的 redux 状态并为渲染表的较大组件返回新数据。

单击处理程序

chipFilter = () => {
     console.log(this)
     console.log(this.props)
     console.log(this.props.label)
}

组件渲染

表中呈现的每一行：

<TableRow key={n.id}>    
    <TableCell 
        component="th" 
        align="center"
        scope="row">
        <Chip 
            label={n.procedure} 
            variant="outlined" 
            color="primary"
            clickable={true}
            onClick={this.chipFilter} />
    </TableCell>

    <TableCell align="center">
        <Chip 
            label={n.doctor} 
            variant="outlined" 
            color="primary"
            clickable={true}
            onClick={this.chipFilter} />
    </TableCell>
        .
        .
        .
</TableRow>

谢谢您的帮助！！

Look at the code of below, as you can see there is a close icon floated to the right of a span element.

span {
    width: 100%;
    display: inline-block;
}

span:after {
    content: "\2715";
    float: right;
    position: absolute;
}

span:hover:after {
    cursor: pointer;
}

<span>Content</span>

I want the :after to behave like a button. As you could see, it makes the cursor a pointer on hover. How can I make it to behave like a button? For example, how can …

I'm calling a parent method from child component using props and I'm getting this error:

The way I'm passing props to the AddGuest child component is like this:

import React from 'react';
 import globalService from '../services/globalService';

   import '../styles/chairqueue.css';
   import {buttonText,endPoint} from '../constants/global.constants';
   import Modal from 'react-bootstrap/Modal'
   import ModalDialog from 'react-bootstrap/ModalDialog'
import ModalHeader from 'react-bootstrap/ModalHeader'
import ModalTitle from 'react-bootstrap/ModalTitle'
import ModalBody from 'react-bootstrap/ModalBody'
import ModalFooter from 'react-bootstrap/ModalFooter'
import Button from 'react-bootstrap/Button'
import  { useState, useEffect } from 'react';
import DatePicker from …