草庐IT

day34-JSON

全部标签

javascript - "export default from"不适用于 Babel React

我使用react来构建我的组件库。我需要一个index.js来将所有组件导入一个地方。像这样:MyComponents/Button.jsLabel.jsindex.js在index.js中,我接下来尝试做的是://thisexportnothingexport{default}from'./Button';//thistellsmeaboutsyntaxerrorexportdefaultfrom'./Button';我发现只有这个解决方案有效importButtonfrom'./Button';exportdefaultButton;但我发现一些React组件库使用我上面提到的语法

javascript - React - 加载 JSON 并渲染组件

正如标题所说,我正在尝试渲染一个React组件,其中包含我通过使用fetch()加载从JSON中获取的数据。api调用工作正常,但我无法呈现数据。代码如下:classAppextendsReact.Component{constructor(props){super(props);this.state={user:{}}}getUserById(uId){fetch(`https://jsonplaceholder.typicode.com/users/${uId}`).then((response)=>{returnresponse.json()}).then((json)=>{re

javascript - 何时在 javascript 中使用 ":"(冒号)运算符与 "="运算符?

在过去的一个小时里,我尝试在网上到处寻找,但我似乎无法弄清楚何时在javascript中使用冒号运算符:与=运算符?到目前为止,据我所知,似乎在定义对象属性时使用冒号:。 最佳答案 JavaScript语言由BrandonEich构建使用=符号作为赋值运算符。早在1995年,大多数编程语言,如Basic,TurboPascal,Delphi,C,C++等...使用相同的方法为变量赋值。使用冒号在JavaScript中快速创建新对象:因为DouglasCrockford变得流行起来定义JSON的工作规范。JSON比XML更易于编写且更

javascript - "Cannot read property ' 加载 ' of undefined"

我正在尝试关注this与Google登录集成的文档,尽管我在控制台中遇到此错误:未捕获的类型错误:无法读取未定义的属性“加载”atscript.js:1script.js:window.gapi.load('auth2',function(){console.log('Loaded!');});我有大约一半的时间收到错误,检查Chrome中的网络面板,只有当以下资源未加载时才会发生:https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.d2dliHDvPwE.O/m=auth2/exm=signin2/rt=j/sv=1

javascript - 如何在 angular2 typescript 中正确执行 "bind"?

我想使用一个javascript库,它需要像这样创建一个对象并绑定(bind)到它:this.mystr="hello";this.webkitspeech=newwebkitSpeechRecognition();this.webkitspeech.onresult=function(evt){console.log(this.mystr);//thisisundefined,eventhoughIdohaveitdefined}我通常会做一个.bind(this)虽然在typescript中我想这样做:this.mystr="hello"this.webkitspeech=neww

javascript - Heroku "Invalid Host header"HOST 配置中的 ReactJS APP?

我正在尝试将我的Reactapp在Heroku上。整个项目包括一个API(express)和一个客户端(ReactJS)。我已将我的API放在heroku上。但是当我把我的客户端放在Heroku上时,它显示构建成功。但是当我open它,它显示InvalidHostheader。我用谷歌搜索了这个问题,很多人告诉我配置HOST.但是他们正在使用webpack。我使用create-react-app构建它,并通过npmstart运行它。我想知道如何以最简单的方式解决这个问题。谢谢。 最佳答案 如果出于任何原因您试图在没有服务器的情况下部

JavaScript element.classList.add ("fa fa-hand-rock-o") 错误 : "String contains an invalid character"

我正在尝试添加一个类使用:document.getElementById("sp1").classList.add("fafa-hand-rock-o");但是显示错误:Stringcontainsaninvalidcharacter 最佳答案 fafa-hand-rock-o不能是单个类,因为类名不能有空格。这里我假设您正在尝试添加两个不同的类。使用classList.add()添加多个类时,将所有类指定为单独的逗号分隔字符串,如:.add("fa","fa-hand-rock-o")代码示例:document.getElemen

javascript - 为什么我的示例代码中的 "a.push(b)"会变成 "b"?

我试图将一个值推送到数组,但这会将值添加到数组a和b。如何确保b数组未被修改?vara=[[1]];varb=[2];document.getElementById("1").innerHTML="a[1]"+a[1];document.getElementById("2").innerHTML="b"+b;a.push(b);document.getElementById("3").innerHTML="a[1]"+a[1];document.getElementById("4").innerHTML="b"+b;a[1].push([3]);document.getElementB

javascript - 如何将 "filter"JSON 用于唯一的键名称/值对?

我有一些JSON数据,这些数据为我提供了一个包含经纬度等信息的语言列表。它还包含一个我用于图标的组值——我想建立一个图例它。JSON看起来像这样:{"markers":[{"language":"Hungarian","group":"a","value":"yes"},{"language":"English","group":"a","value":"yes"},{"language":"Ewe","group":"b","value":"no"},{"language":"French","group":"c","value":"NA"}]}我想“过滤”它以像这样结束:{"mar

javascript - <表单操作 ="javascript:alert(this);"> 什么是 "this"?

在尝试调试正在提交的内容时,我写了这个。是否可以提醒什么是正在提交?这里“this”指的是什么?我在警告框中收到对象,无法从中做出任何决定。:-) 最佳答案 在您的示例中,this是全局window对象。自己试试:结果为"function"(即全局函数)。或者尝试:结果为undefined(即它不指向表单元素)*。属性中"this"的值只会是以下两种情况之一:全局窗口对象元素本身唯一一次this指向元素本身是在intrinsiceventattribute中使用它时(以“on”为前缀的那些,例如“onclick”、“onload”等