Tag: reactjs

为什么我的形象没有正确地应用到 AWS3?

我正试图将图像上传到 AWS S3, 但没有效果。 出现了一个文件 , 但它太小 , 不能成为图像 , 并且在 S3 中没有正确打开。 我不知道我的参数是什么。 我要上传的文件叫 picture.g 。 我现在的密码是 : import React , {Component} from 'react'; import logo from './logo.svg'; import './App.css'; import AWS from 'aws-sdk'; AWS.config.update({ accessKeyId: "xxxxxx",…

Read More »

我可以从反应带自定义自定义自定义输入按钮吗?

我在我的项目中使用了反应带 , 但是当我尝试使用自定义输入上传图片时 , 组件显示了一个名为”浏览”的按钮,因为我正在用不同的语言创建一个项目,我需要将”浏览”改为”另一个字”,我阅读了文档,但没有找到任何解决方案 EN From: Can I customize a CustomInput button from reactstrap?

Read More »

如何修改对象数组中的对象键值并返回初始数组 ?

我有下面的一组对象。 每个对象都是甜甜圈图表中的一个传奇元素。 我想实现的是 , 当我单击一个元素时 , innerRadius 应该设置为值 2 。 如果单击另一个元素 , 上一个元素的 innerRadius 值应设置为 0 。 所以最后只有我点击的元素才应该有值 2 。 export const table1 = [ { label: "p", angle: 5, style: {fill: "#1A3177"}, innerRadius: 0, active: false, key:…

Read More »

如何同时使用单击键和推键状态? 我推了一把

changeRoutePath = (e) =>{ e.preventDefault(); this.props.onClose(); this.props.history.push('/company/orgStructure'); }; <Link to={{ pathname: '/company/orgStructure', state: { fromNotifications: true } }} onClick={(e) => this.changeRoutePath(e)}> Prevent </Link> 我没有发现错误 TypeError: Cannot read property ‘push’ of undefined 我有领汇的进口 import {Link} from "react-router-dom"; 需要继续 /…

Read More »

反应形式发送空物体

我正在尝试将表单组件中的用户输入发送到管理状态的组件中。 我试着使用回调 , 但我的输入没有被发送。 尝试在回调中使用窗体对象 //here is the form component class ListForm extends React.Component { constructor(props) { super(props); this.state = { NewItem: { itemText: "", id: Date.now(), completed: false } }; } handleChanges = e => { this.setState({…this.state,…

Read More »

当 Axios post 成功时如何打破循环?

当 axios.post 成功时, 我想打破循环。 我该怎么做 ? for (var i = 0; i < filteredCars.length; i++) { var car = filteredCars[i]; axios .post( "http://localhost:9000/api/cars/" + car.id + "/createReservation", { pick_up_date: "July 29, 2023 03:00:01", drop_off_date: "July 30, 2023 09:00:00"…

Read More »

如何计算一个团队在 ReactApp 中拥有 Firebase API 资源的平均得分 ?

我正试图建立一个 Reactapp 来计算猛禽队在最后一场 N主场比赛中的平均得分。 假设我在组件 DidMount 方法中使用获取 ( url ) , 我知道如何列出猛禽队的得分 , 如果他们是主队 : componentDidMount() { let url = "http://localhost:4000/games?homeTeam=Raptors" fetch(url) .then(resp => resp.json()) .then(data => { let myGames = data.map((game, index) => { return ( <div…

Read More »

如何使用 Axios 编码 POST 请求?

我正试图根据以下 API 请求示例在我的反应式应用程序中创建 POST 请求 : 示例 API 请求 curl -X "POST" -H "Authorization: Basic ZjM4ZjAw…WY0MzE=" -d grant_type=client_credentials https://accounts.spotify.com/api/token 我应该在页眉的”基础”后面编码文本。 如何使用 Axios 在 javascript 中创建此请求? 到目前为止 , 我已经做到了 : async componentDidMount() { const encodedString = new Buffer('1ff56abe7792f426ea41a771d707d6690:1b2cca2dedd3949b0a6c5e1582446c9c5').toString('base64'); const…

Read More »

如何在数组操作后用钩子使用效果、 useState 更新状态?

我从”使用效果”的消防站得到数据。 在 useeffect 中 , 我使用 useState 将数据 ( 数组 ) 存储在一个状态中。 我想在我的 rfc 渲染方法中使用这些数据 , 但首先需要减少它。 我试图用原来的使用效果 ( 在获取数据时也是如此 ) 、用另一种使用效果 , 甚至用我的渲染方法。 所有这些都不可能成功。 我的累加器参数在我的减少函数中保持空。 拜托 , 我真的需要帮助。 import React, { useState, useEffect } from 'react' import…

Read More »

使用 React 高阶组件获取所有子组件

我的目标是在链接到外域的所有锚定元素上添加一个单击处理程序。 这是我的部分 : import React from 'react'; import LinkWrapper from './LinkWrapper' function ComponentWithLinks() { return ( <div> <div> <ul> <li> <a href="/">internal link</a> </li> <li> <a href="http://example.com/external">external link</a> </li> </ul> </div> <div> <p> <a href="http://google.com">another external link</a> </p>…

Read More »