我是React的新手,由于这个错误我无法渲染我的应用程序.看起来我试图呈现为元素的数据由于尝试在卸载时设置状态而无法呈现?
我不知道我是怎么得到这个错误,因为我设置的状态Data在componentDidMount.
我该如何解决这个问题?
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) 我正在尝试从我从API接收的JSON字符串呈现HTML对象.我能够成功地将字符串呈现给HTML,但它显示了整个JSON字符串.我只想获得特定的值(电话,姓名,身份证).从我的JSON数组中提取特定值并在HTML中格式化的最佳方法是什么?我指的是各州的记录,但我无法在渲染过程中得到任何记录的子值.
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) 我正在尝试在成功验证后从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)