草庐IT

myapplication-application-context

全部标签

javascript - 将带有 React Context API 的函数传递给嵌套在树深处的子组件

我是第一次使用ReactContextAPI。我有一个生成客户列表的表。最初,我将客户端存储在状态数组中,在同一页面中,我有一个根据点击对客户端进行排序的函数。我已将客户端移动到上下文中,而不是表格所在的实际页面的状态,但现在我的排序功能当然不再起作用。我需要做的是使用相同的函数,但改为组织处于上下文状态的数组。原始函数:onSortClient=column=>e=>{constdirection=this.state.sort.column?this.state.sort.direction==="asc"?"desc":"asc":"desc";constsortedData=t

javascript - jstree 3.0.0 上下文菜单右键单击不起作用。显示 TypeError : vakata_context. element.html 不是函数

我的代码正在渲染树、父子、子一切正常,但右键单击上下文菜单未显示。Firebug显示错误“TypeError:vakata_context.element.html不是函数”。如果我删除上下文菜单插件,那么它会显示默认的浏览器右键单击选项。这是代码。jsjQuery(document).ready(function(){$('#pages-wrapper').jstree({'core':{callback:{onchange:function(node,tree){document.location='pages.php?action=edit&id='+node.id.replac

javascript - application/json-p text/json-p 已经可以实现了吗?

我读过http://www.json-p.org/它声明了一个更安全、更严格的JSON-P子集。ThemostcriticalpieceofthisproposalisthatbrowservendorsmustbegintoenforcethisruleforscripttagsthatarereceivingJSON-Pcontent,andthrowerrors(oratleaststopprocessing)onanynon-conformingJSON-Pcontent.我的问题是JSON-P的子集是否已经可以实现? 最佳答案

javascript - 错误 : Resource interpreted as Document but transferred with MIME type application/pdf

我正在从我的服务器向客户端发送PDF流,然后在中显示该PDF客户端中的标记。这是我的代码:server.jsrouter.get('/pdf',function*(){varstream=getMyFileStream();this.set('Content-Type','application/pdf');this.response.body=stream;});client.jsvarobjectElement=document.querySelector('object');fetch('/pdf',request).then(res=>res.blob()).then(blob

javascript - Node.js 事件发射器 : How to bind a class context to the event listener and then remove this listener

有没有办法在事件监听器方法中访问类上下文并有可能删除监听器?示例1:import{EventEmitter}from"events";exportdefaultclassEventsExample1{privateemitter:EventEmitter;constructor(privatetext:string){this.emitter=newEventEmitter();this.emitter.addListener("test",this.handleTestEvent);this.emitter.emit("test");}publicdispose(){this.emi

javascript - three.js 问题 : application suddenly wont work on Chrome - old code, 无法与新的 three.js 库一起使用

前一段时间我写了几个three.js(R48)应用程序,它们一直运行良好,直到几周后我发现它们不再适用于Chrome。以下是前几条错误消息:WebGL:INVALID_OPERATION:getAttribLocation:programnotlinkedskyWheel.html:18WebGL:INVALID_OPERATION:getUniformLocation:programnotlinkedskyWheel.html:1CouldnotinitialiseshaderVALIDATE_STATUS:false,glerror[1282]Three.js:35529WebGL

javascript - react `context` 始终为空对象

我正在尝试在我的React应用程序中设置上下文,但不知何故我无法从child访问context。这是父类:importReactfrom'react'importMenuBarfrom'./MenuBar.js'exportdefaultclassAppextendsReact.Component{staticchildContextTypes={prop:React.PropTypes.bool};getChildContext(){return{prop:true}}render(){return()}}这是我的child类(class):importReact,{Componen

javascript - 如何在 React v16.6 中的新 CONTEXT API 中获取多个静态上下文

您好,我正在尝试访问一个组件中的多个上下文,但我仅通过提供者提供的一个上下文值就获得了成功。有两个提供程序ListContext和`MappingContext。我如何访问这样的上下文:classTableDataextendsReact.Component{staticcontextType=ListContext;staticcontextType=MappingContext;componentDidMount(){constdata=this.context//itwillhaveonlyonecontextfromListContext}我知道我可以在render()中使用多

javascript - 从 Webpack 的 require.context 中排除文件

我试图在Webpack的require.context中包含我的Istanbul尔记者应该涵盖的所有文件。我想包含/要求app下没有.test.js扩展名的所有文件。//internals/testing/test-bundler.jsconstcontext=require.context('../../app',true,/^.*(?!(\.test|internals.*))\.js$/);context.keys().forEach(context);我的文件结构是:app/components/app/containers/app/decorators/app/orm/app

javascript - React Context API 和避免重新渲染

我已经在底部更新了这个有没有一种方法可以通过多个ContextAPI消费者处理他们自己的提供者值部分来维护一个单一的根状态(如Redux),而不会在每个孤立的更改上触发重新渲染?已经readthroughthisrelatedquestion并尝试了一些变体来测试那里提供的一些见解,但我仍然对如何避免重新渲染感到困惑。完整代码如下,在线:https://codesandbox.io/s/504qzw02nl问题是,根据devtools,每个组件都会看到“更新”(重新渲染),即使SectionB是唯一看到任何渲染更改的组件,即使b是状态树中唯一发生变化的部分。我已经尝试使用功能组件和Pu