小编thi*_*ilg的帖子

如何仅针对构建排除打字稿中的特定文件?

是否可以仅针对构建排除所有测试文件,但将它们与 nodemon 一起使用以在本地运行测试?当我在tsconfig.json文件中排除测试文件时,我收到一个打字稿错误,在我的情况下,它找不到像 jest 这样的测试库的类型。

Cannot find name 'describe'. Do you need to install type definitions for a test runner? Try `npm i @types/jest` or `npm i @types/mocha`.ts(2582)

{
  "compilerOptions": {},
  "exclude": [
    "**/*.test.ts"
  ]
}
Run Code Online (Sandbox Code Playgroud)

我想知道,因为我猜临时转译被放入另一个文件夹而不是构建文件夹。

javascript typescript tsconfig jestjs

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

如何更新 React 状态中的单个属性(函数组件)

我想用函数组件中的单个更改处理程序来更新表单中的几个值的状态。我不知道如何以正确的方式设置该州的单个属性。我已经在类组件中看到了它的工作原理。

import React, {useState} from 'react'
import ReactDOM from 'react-dom'

export function Example(){
  const [user, setUser] = useState({nickname: '', age: 0})

  const handleChange = event => {
    const { name, value } = event.target
    setUser({ [name]: value })
  }

  return(
     <form>
       <input name="nickname" onChange={handleChange} />
       <input name="age" onChange={handleChange} />
       <button onClick={(e) => {
         e.preventDefault()
         console.log(user)
        }}>Show User</button>
     </form>
  )
}

ReactDOM.render(
    <Example />,
    document.getElementById('app')
);

Run Code Online (Sandbox Code Playgroud)

上面的代码不能按我想要的方式工作,因为它总是覆盖整个状态,而不仅仅是相应的属性。

我收到:

Object {age: "24"}
Object {nickname: "Lala"}
Run Code Online (Sandbox Code Playgroud)

我想:

Object {age: "24", nickname: "Lala"}
Run Code Online (Sandbox Code Playgroud)

实现这一目标的最佳实践是什么?

javascript state destructuring reactjs

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

如何将两个输入通道连接到ScriptProcessorNode?(Web Audio Api,JavaScript)

我试图实现一个带有两个输入和一个输出通道的ScriptProcessorNode.

var source = new Array(2);

source[0] = context.createBufferSource();
source[0].buffer = buffer[0];

source[1] = context.createBufferSource();
source[1].buffer = buffer[1];

var test = context.createScriptProcessor(4096, 2, 1);

source[0].connect(test, 0, 0);
source[1].connect(test, 0, 1);

test.connect(context.destination);

source[0].start();
source[1].start();
Run Code Online (Sandbox Code Playgroud)

当我在Google Chrome以及Mozilla Firefox中运行此代码时,会出现以下错误.它告诉我我的test节点只有一个输入通道.

Uncaught IndexSizeError: Failed to execute 'connect' on 'AudioNode': input index (1) exceeds number of inputs (1).
Run Code Online (Sandbox Code Playgroud)

当我控制台打印ScriptProcessorNode的输入通道数时,test我得到两个输入通道.

test.onaudioprocess = function(evt){
    console.log("number of input channels: " + evt.inputBuffer.numberOfChannels);
}
Run Code Online (Sandbox Code Playgroud)

然而,将两个节点连接到节点的输入端test并不像我这样做.我想在ScriptProcessorNode中编写一个声码器.如何创建一个带有两个输入和一个输出通道的ScriptProcessorNode,并将两个源节点连接为输入通道和context.destination输出通道?

javascript firefox google-chrome web-audio-api

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

我可以在 Context API 中使用 React Context API 还是必须合并它们?

我只是好奇是否可以在 Context API 中使用 Context API。例如,我将为 AppState 提供一个 Context API,并希望在另一个处理 WebSocket 连接的 Context API 中使用它?

websocket reactjs react-native react-context

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