小编Ama*_*ria的帖子

我在我的React应用程序中使用fetch API.该应用程序部署在服务器上,运行正常.我多次测试了它.但是,突然应用程序停止工作,我不知道为什么.问题是,当我发送get请求时,我收到来自服务器的有效响应,但fetch API正在捕获异常并显示TypeError: failed to fetch.我甚至没有对代码进行任何更改,这是所有React组件的问题.

我得到了有效的答复.

但同时也得到这个错误.

fetch(url)
.then(res => res.json())
.then(data => {
  // do something with data
})
.catch(rejected => {
    console.log(rejected);
});

当我删除时credentials: "include",它适用于localhost,但不适用于服务器.

我尝试了在StackOverflow和GitHub上给出的每个解决方案,但它只是不适合我.

我正在尝试构建我的第一个ASP.NET Web Forms项目,但我面临一些严重的问题.我在我的项目中创建了两个项目文件:BLL和DAL.我创建了一个名为类class.cs和class1.cs分别在上述两个文件.当我添加using System.Data;任何.cs文件时,它会显示以下错误:

1:Error CS0234 The type or namespace name 'Data' does not exist in the namespace 'System' (are you missing an assembly reference?) DAL..NET Platform 5.4
2.Error CS0234 The type or namespace name 'Data' does not exist in the namespace 'System' (are you missing an assembly reference?) BLL..NET Platform 5.4

我尝试通过右键单击引用添加程序集引用 - >添加引用 - > System.Data再次检查并重建它但它对我没有帮助.

当我将鼠标悬停在using System.Data;它上面时,显示以下内容:

我在React应用程序中使用React-Bootstrap。这导致左侧和右侧的边距。我正在使用以下代码：

import React, { Component } from "react";
import "react-bootstrap/dist/react-bootstrap.min.js";
import "bootstrap/dist/css/bootstrap.min.css";
import { Grid, Row, Col } from "react-bootstrap";
import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
import AppBar from "material-ui/AppBar";

<Grid fluid>
   <Row>
      <Col xs={12} md={12}>
        <AppBar title="Title"
         iconClassNameRight="muidocs-icon-navigation-expand-more"/>
       </Col>
   </Row>
   <Row>
       <Col xs={4} md={4}>
          <h1>Hello</h1>
       </Col>
       <Col xs={8} md={8} >
          <h1>Hello World!</h1>
       </Col>
   </Row>
</Grid>

我得到以下输出：

如果我xs and md从中删除，<Col>问题将得到解决。

导入twitter-bootstrap导致此问题。如果我删除了twitter-bootstrap导入，则引导程序样式不起作用。

这个问题与Twitter-Bootstrap的问题相同，但是我无法在React-Bootstrap中修复它。

我正在使用Papa Parse解析Graphs的CSV文件.我希望在解析文件后将数据存储在React状态.Papa.Parse()不返回任何内容,并且结果以异步方式提供给回调函数.此外,setState()在异步回调中不起作用.此问题类似于从CSV检索已解析的数据.

我尝试使用下面的代码将数据存储在状态中,但正如预期的那样它不起作用.

componentWillMount() {

    function getData(result) {
      console.log(result); //displays whole data
      this.setState({data: result}); //but gets error here
    }

    function parseData(callBack) {
      var csvFilePath = require("./datasets/Data.csv");
      var Papa = require("papaparse/papaparse.min.js");
      Papa.parse(csvFilePath, {
        header: true,
        download: true,
        skipEmptyLines: true,
        complete: function(results) {
          callBack(results.data);
        }
      });
    }

    parseData(getData);
}

这是我在getData()中设置状态时得到的错误.

数据在getData()中可用,但我想提取它.

我应该如何将数据存储在状态或其他变量中,以便我可以将其用于图形？

我试图在div中以span元素的形式显示标签,看起来像这样.

标签在这里居中对齐,但是当标签移动到下一行/行时,下面的行不是居中对齐的.

我想将两行设置为居中对齐.

下面是相同的ReactJS代码:

const styles = {
  tag: {
    border: "1px solid #ffffff",
    borderRadius: "10%",
    padding: 2,
    margin: "2px"
  },
  tagsWrapper: {
    width: "100%",
    padding: "5px",
    display: "flex",
    flexWrap: "wrap"
  }
};

<div style={styles.tagsWrapper}>
   <div
     style={{
       margin: "0px auto",
       display: "flex",
       flexWrap: "wrap"
     }}>
     {this.props.tags.map((tag, index) => {
       if (tag.selected)
         return (
           <span key={index} style={styles.tag}>
             {tag.label}
           </span>
         );
       else return null;
     })}
   </div>
</div>

我试图找到解决方案,但找不到任何解决方案.