小编Yil*_*maz的帖子

如何获得选择值onChange of react redux-form下拉

我正在使用react redux形式字段,我有下拉类.我可以从下拉菜单中选择任何一个班级.但问题是,当我从下拉列表中选择任何值(类)时,我想触发onChange操作.当我用on on触发动作时,下拉值没有设置,也没有显示选定的值.我正在使用以下代码行

<Field name="class._id" component="select" className="form-control" onChange={this.onChange.bind(this)} >
              <option value="">Select class...</option>
              {this.props.classes.map(Class =>
              <option value={Class._id} key={Class._id} >{Class.name}</option>)}
</Field>
Run Code Online (Sandbox Code Playgroud)

这里是onChange函数

 onChange(){
     console.log(" Triggered")
  }
Run Code Online (Sandbox Code Playgroud)

如果我没有设置onChange事件,我的下拉工作正确,它会正确显示所选值和正确的文本.但是我想在每次使用时调用函数选择任何值

reactjs redux redux-form react-redux

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

该交易声明链 ID 5777,但连接的节点位于 1337

我正在尝试通过使用 python 进行交易,将我的 SimpleStorage.sol 合约部署到 ganache 本地链。连接到链条似乎有问题。

from solcx import compile_standard
from web3 import Web3
import json
import os
from dotenv import load_dotenv

load_dotenv()

with open("./SimpleStorage.sol", "r") as file:
    simple_storage_file = file.read()

compiled_sol = compile_standard(
    {
        "language": "Solidity",
        "sources": {"SimpleStorage.sol": {"content": simple_storage_file}},
        "settings": {
            "outputSelection": {
                "*": {"*": ["abi", "metadata", "evm.bytecode", "evm.sourceMap"]}
            }
        },
    },
    solc_version="0.6.0",
)

with open("compiled_code.json", "w") as file:
    json.dump(compiled_sol, file)


# get bytecode
bytecode = compiled_sol["contracts"]["SimpleStorage.sol"]["SimpleStorage"]["evm"][
    "bytecode"
]["object"]


# get ABI
abi = compiled_sol["contracts"]["SimpleStorage.sol"]["SimpleStorage"]["abi"]

# to …
Run Code Online (Sandbox Code Playgroud)

python ethereum solidity smartcontracts ganache

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

如何强制 npm 在安装软件包时使用不同的 node-gyp 版本?

我正在使用 Visual Studio 2022 运行 Node 16.13.2 LTS。在安装包期间,会触发 node-gyp 并失败。

npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node build.js || nodejs build.js
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@8.3.0
npm ERR! gyp info using node@16.13.2 | win32 | x64
npm ERR! gyp info find Python using Python version 3.9.4 found at "C:\Users\ahboy\AppData\Local\Programs\Python\Python39\python.exe"
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version not set from command line …
Run Code Online (Sandbox Code Playgroud)

node.js npm node-gyp

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

如何将state设置为新数据?

我刚开始查看reactjs并尝试通过api检索数据:

constructor(){
    super();
    this.state = {data: false}
    this.nextProps ={};

    axios.get('https://jsonplaceholder.typicode.com/posts')
        .then(response => {
            nextProps= response;
        });
  }
Run Code Online (Sandbox Code Playgroud)

当承诺回来时,我想将数据分配给状态:

componentWillReceiveProps(nextProps){
    this.setState({data: nextProps})
  }
Run Code Online (Sandbox Code Playgroud)

如何使用从api收到的数据设置新状态?目前国家没有设定?

jsbin ref:https://jsbin.com/tizalu/edit js,console,output

javascript reactjs

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

错误:Truffle 当前使用 solc 0.5.16,但您的一个或多个合约指定“pragma Solidity ^0.8.0”

错误:Truffle 当前使用 solc 0.5.16,但您的一个或多个合约指定 \xe2\x80\x9cpragma Solidity ^0.8.0\xe2\x80\x9d

\n

这是错误的照片 - https://gyazo.com/2f5ea2f50cc1d4ef5eea2f21d0e04fe7

\n

我的所有合约都使用 ^0.8.0 编译指示。我的 truffle-config 也使用与您在此处看到的相同的版本 -https://gyazo.com/1ec8b28ca48902c091004f8659cf678d

\n

请帮忙。非常感谢。

\n

blockchain ethereum solidity smartcontracts truffle

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

如何让 webpack 嵌入我的 *.wasm 以在网络工作者中使用?

我有一些 Rust 代码,可以使用wasm-pack和编译为 Web 程序集wasm-bindgen。我想从网络工作集/工作人员调用此代码。整个应用程序最终应该只是一个 *.js 文件,其他所有内容都内联。

这就是我想象的构建过程:

  1. 用于wasm-pack将 Rust 代码编译为 *.wasm 和 *.js 绑定(此步骤效果很好)
  2. 用于webpack构建一个独立的 *.js 文件,我可以将其作为工作集/工作线程加载。*.wasm 必须包含在此文件中。(这一步失败)
  3. 再次使用webpack来构建我的最终应用程序/包,内联步骤 2 中的工作集/工作文件。(此步骤效果很好)

我的问题出在步骤 2 中:我无法将webpack*.wasm 内联到 worklet/worker 文件中。我在我的 webpack 配置中尝试了这个:

entry: {
    worker: {
        import: './src/worker.ts',
        filename: '../lib/worker.js',
    }
},

// ...

module: {
    rules: [
    
        // ...

        {
            test: /\.wasm$/,
            // 1st option: type: 'webassembly/sync',
            // 2nd option: type: 'asset/inline',
        },

        // ...

    ],
},
Run Code Online (Sandbox Code Playgroud)

无论我做什么,webpack …

webpack webassembly wasm-bindgen wasm-pack webpack-5

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

下一个身份验证凭据提供程序 JWT/会话回调

我在将令牌传递给会话回调时遇到一些困难。我的最终目标是将登录用户的数据发送到客户端。最初我只是发回用户的电子邮件,但现在我想将用户的用户名和姓名与电子邮件一起发送。通过遵循文档,我们必须传递 JWT 和 Session 回调,以便我们的开发人员能够访问令牌中的更多数据。目前,在我的 JWT 回调中,我能够记录用户数据,非常棒。然而,当我尝试在会话回调中记录数据时,我得到一个空的 {}。非常感谢任何提示。先感谢您。

import NextAuth from "next-auth/next";
import CredentialsProvider from "next-auth/providers/credentials";

// Helper Functions
import {
  connectToDatabase,
  comparePasswords,
} from "../../helper/HelperFunctions";

export default NextAuth({
  session: { jwt: true },
  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        const client = await connectToDatabase();

        const userCollection = client.db().collection("users");

        const user = await userCollection.findOne({
          email: credentials.email,
        });

        // const userInfo = {
        //   firstName: user.firstName,
        //   lastName: user.lastName,
        //   email: user.email,
        //   userName: user.userName,
        // };

        // console.log(userInfo);

        if (!user) …
Run Code Online (Sandbox Code Playgroud)

authentication session jwt next.js next-auth

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

使用 Next.js&gt;13.3 在启用 appDir 的情况下将 &lt;link&gt; 标记添加到 &lt;head&gt;

在 Next.js 13.4 上使用 appDir 的文档说明如下:

第 3 步:迁移 next/head

在pages目录中,next/head React组件用于管理标题和元等HTML元素。在应用程序目录中,next/head 被新的内置 SEO 支持替换。

但该next/head组件也能够添加非 SEO 标签。特别是,我想添加<link rel="...">标签。如果元数据机制似乎不支持链接标签(仅支持自定义<meta>标签),如何实现这一目标?

我无法将标签直接添加到根布局,因为有些标签只应该存在于网站主页上。如果布局知道当前路线,我可以有条件地将标签添加到根布局,但它似乎不适用于 SSG。

seo server-side-rendering next.js next.js13

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

为什么 Nestjs 框架在微服务方法中使用与 HTTP 不同的传输层?

我已经使用 Spring Boot 开发微服务有一段时间了,使用 feign 客户端、REST 模板和 AMPQ 代理在每个微服务之间建立通信。

现在,我正在学习 NestJs 及其微服务方法。我注意到 Nestjs 使用 TCP 作为默认传输层,这与 Spring Boot 的方式不同。

为什么nestjs更喜欢那些传输层(TCP,AMPQ)而不是HTTP?HTTP 不是 REST 微服务的传输协议吗?

来自 NestJs 文档:

“微服务本质上是一个使用与 HTTP 不同的传输层的应用程序”

http node.js microservices nestjs

10
推荐指数
2
解决办法
2412
查看次数

无法为节点 v16 安装 node-sass@6

这是我卸载后的package.json sass node-sasssass-loader因为我将节点版本从14更改为16,

{
  "name": "our-awesome-project",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "static": "NUXTJS_DEPLOY_TARGET=static NUXTJS_SSR=true nuxt generate",
    "build-and-start": "NUXTJS_DEPLOY_TARGET=server NUXTJS_SSR=false nuxt build && NUXTJS_DEPLOY_TARGET=server NUXTJS_SSR=false nuxt start"
  },
  "husky": {
    "hooks": {
      "pre-commit": "cross-env PRE_COMMIT=true lint-staged -r"
    }
  },
  "dependencies": {
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "nuxt-i18n": "^6.28.1",
    "nuxt-purgecss": "^1.0.0",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46"
  },
  "devDependencies": {
    "@nuxtjs/eslint-config": "^8.0.0",
    "@nuxtjs/google-fonts": "^1.3.0",
    "@nuxtjs/storybook": "^4.2.0", …
Run Code Online (Sandbox Code Playgroud)

sass node.js node-sass webpack nuxt.js

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