小编Jos*_*ino的帖子

错误:尝试更新已卸载(或无法装入)的组件

我是React的新手,由于这个错误我无法渲染我的应用程序.看起来我试图呈现为元素的数据由于尝试在卸载时设置状态而无法呈现?

我不知道我是怎么得到这个错误,因为我设置的状态DatacomponentDidMount.

我该如何解决这个问题?

Data

class Profile extends React.PureComponent {
  static propTypes = {
    navigation: PropTypes.object,
    handleLogout: PropTypes.func,
    user: PropTypes.object,
  };

  static navigationOptions = {
    headerVisible: true,
    title: 'Profile',
  };

constructor(props) {
    super(props);

    this.state = {
    data: [],
    loading: true

    };
  }

componentDidMount() {

  fetch("http://10.0.2.2:8080/combined", { method: 'get' })
    .then(response => response.json())
    .then(data => {
      this.setState({data: data,});

    })
   .catch(function(err) {
     // 
   })
}

 render() {

    const { user } = this.props;
    let email;

    if (user) {
      email …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

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

从json字符串中反映出来的HTML

我正在尝试从我从API接收的JSON字符串呈现HTML对象.我能够成功地将字符串呈现给HTML,但它显示了整个JSON字符串.我只想获得特定的值(电话,姓名,身份证).从我的JSON数组中提取特定值并在HTML中格式化的最佳方法是什么?我指的是各州的记录,但我无法在渲染过程中得到任何记录的子值.

下面是运行以下代码时获取的HTML的JSON结果.

class menuScreen extends React.Component {

    constructor(props) {
        super(props)

        const data = store.getState();

        this.state = {



            username: '',
            messages: data.messages
        }
    }

    handleSearch(e) {
        this.setState({username: e.target.value})
    }

    handleChange(evt) {
        this.setState({
            username: evt.target.value.substr(0, 100)
        });

    }

    onLinkClicked() {

        var conn = new jsforce.Connection({serverUrl: 'https://cs63.salesforce.com', accessToken: sessionStorage.getItem('token')})

        var parent = this.state.username
        //console.log(this.state.username)
        conn.sobject("Contact").find({
            LastName: {
                $like: parent
            }
        }, 'Id, Name, Phone'

        ).sort('-CreatedDate Name').
        limit(5).skip(10).execute(function(err, records) {
            if (err) {
                return console.error(err);
            }
            for (var i = 0; i < records.length; i++) …
Run Code Online (Sandbox Code Playgroud)

javascript json render reactjs

8
推荐指数
1
解决办法
8972
查看次数

使用React Router v4进行身份验证后导航到页面

我正在尝试在成功验证后从login.js导航到app.js. 我能够使用路由器v3和browserhistory相对容易地做到这一点.我不确定如何使用路由器v4导航页面,因为他们的方法似乎非常不同,而我之前使用的方法不再有用.我尝试在React-Router v4中以编程方式引用此帖子,但这些建议对我不起作用.关于如何使用v4在我的应用程序中遍历页面的任何建议?

这是一个电子应用程序

Index.js

import { HashRouter as Router } from 'react-router-dom';
import React from 'react';
import ReactDOM from 'react-dom';
import { Switch, Route } from 'react-router';
import { BrowserRouter } from 'react-router-dom'

import Login from './screens/Login';
import App from './App';


const Application = () => (
  <Router>
    <App />
  </Router>
);

ReactDOM.render(<Application />, document.getElementById('root'));
Run Code Online (Sandbox Code Playgroud)

Login.js

'use strict';

import React, {PropTypes} from 'react';
import ReactDOM from 'react-dom';
import { Route, Router } from 'react-router-dom';
import { matchPath, …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router electron react-router-v4

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