Reactjs Axios、ChartJS、React、将状态传递给GraphJS
我正在从Axio中的http请求加载json。 React无法将对象传递到状态,因此我将它们转换为两个数组。 我想把数组注入到Reactjs Axios、ChartJS、React、将状态传递给GraphJS,reactjs,chart.js,babeljs,axios,Reactjs,Chart.js,Babeljs,Axios,我正在从Axio中的http请求加载json。 React无法将对象传递到状态,因此我将它们转换为两个数组。 我想把数组注入到 myChart = { data: { labels: getLabels(), 及 我不知道我应该怎么做,这是某种类型的绑定方法吗 从“axios”导入axios; 从“React”导入React,{Component}; var LineChart=要求(“反应图表”).Line; 类图扩展组件{ 建造师(道具){ 超级(道具
myChart = {
data: {
labels: getLabels(),
及
我不知道我应该怎么做,这是某种类型的绑定方法吗
从“axios”导入axios;
从“React”导入React,{Component};
var LineChart=要求(“反应图表”).Line;
类图扩展组件{
建造师(道具){
超级(道具);
this.state={mode:undefined};
}
getInitialState(){
返回{
费率:[]
}
}
componentDidMount(){
var jsonLoc=”http://api.fixer.io/latest?base=USD";
axios
.get(jsonLoc)
。然后(res=>{
var jsonObject=res.data;
日志(jsonObject.rates);
var-keyArray=[];
var-valueArray=[];
var object=jsonObject.rates;
for(对象中的var prop){
按键阵列。推(道具);
推送(对象[prop]);
}
console.log(keyArray);
log(valueArray);
this.setState({label:keyArray})
this.setState({data:valueArray})
}
)
.catch(err=>console.log(err))
}
组件将卸载(){
这是.serverRequest.abort();
}
render(){
函数getLabels(){
返回[
“星期一”,
“星期二”,
“星期三”,
“星期四”,
“星期五”,
“星期六”,
“星期日”,
];
}
函数getData(){
返回[12322321153334026043123135453,];
}
var myChart={
键入:“行”,
数据:{
标签:getLabels(),
数据集:[{
标签:“Graph1”,
数据:getData(),
fillColor:“rgba(151187205,0.3)”,
strokeColor:“rgba(151187205,1)”,
点颜色:“rgba(151187205,1)”,
}]
},
选项:{
“showScale”:true,//网格和比例编号
“showTooltips”:正确,
“响应”:正确,
“MaintaintAspectRatio”:false,
“点点”:对,
“贝塞尔曲线”:对,
“数据集填充”:正确,
“动画”:没错,
“barShowStroke”:错误,
“barStrokeWidth”:1,
“barValueSpacing”:1,
“barDatasetSpacing”:1,
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
};
返回(
{this.state.label}
{this.state.data}
);
}
}
导出默认图形代码>为什么说“React无法将对象传递到状态”?我在React中遇到一个控制台日志错误,其中指出必须将对象解析到数组中。让我看看我是否可以复制那个错误
myChart = {
data: {
datasets: [{
data: getData(),