Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Axios、ChartJS、React、将状态传递给GraphJS_Reactjs_Chart.js_Babeljs_Axios - Fatal编程技术网

Reactjs Axios、ChartJS、React、将状态传递给GraphJS

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; 类图扩展组件{ 建造师(道具){ 超级(道具

我正在从Axio中的http请求加载json。 React无法将对象传递到状态,因此我将它们转换为两个数组。 我想把数组注入到

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(),