草庐IT

React-Express-Node

全部标签

javascript - 将数据从子组件传递到父组件 - react - 通过回调函数

通过回调函数将数据从子组件传递到父组件但不知何故它不起作用。我在这里做错了什么?将数据从子组件传递到父组件-react-通过回调函数https://codepen.io/silentarrowz/pen/GEMQEP?editors=0010这是代码classAppextendsReact.Component{constructor(props){super(props);this.state={input:'thisistheinputfornow'}//this.handleInput=this.handleInput.bind(this);}handleInput(x){this

javascript - 在 React 中将光标发送到输入值的末尾

我在单击删除时动态地将一个值传递到我的输入字段(以便编辑最后一个输入条目)。我可以看到,在Chrome中,一旦呈现输入值,光标就会显示在单词的开头,而在Safari和Firefox中,光标会出现在值的末尾,但最后一个字母会被删除。如何在不删除最后一个字母的情况下始终看到光标在末尾(除非我按退格键两次)?tagEvent(e){consttag=this.text.value;consttagGroup=tag.split("");consttiles=this.props.tiles;consthasTiles=Object.keys(tiles).length>0;if(e.keyC

javascript - 在 React 中调整窗口大小的操作

我正在尝试执行调整大小操作,该操作将返回窗口的宽度并使用React动态渲染它。这是我得到的:classWelcomeextendsReact.Component{constructor(){super();this.state={WindowSize:window.innerWidth}this.handleResize=this.handleResize.bind(this);}handleResize(WindowSize,event){this.setState({WindowSize:window.innerWidth})}render(){returnHello;}}Reac

javascript - 在同构 React 应用程序中渲染 HTML 字符串

存在非SPA场景,使用经过净化但随机的HTML字符串作为输入:.........该字符串源自WYSIWYG编辑器,包含嵌套的常规HTML标记和有限数量的应呈现给小部件的自定义元素(组件)。目前像这样的HTML片段应该在服务器端(Express)单独呈现,但最终也会作为同构应用程序的一部分在客户端呈现。我打算使用React(或类似React的框架)来实现组件,因为它可能适合这种情况-它是同构的并且可以很好地呈现部分。问题是像这样的子串应该变成JSX/TSX组件在某些时候,我不确定什么是正确的方法,但我希望它是一个常见的任务。如何在React中解决这个问题? 最

javascript - react-bootstrap 中的 controlId 是什么

我刚刚浏览了React-bootstrapformcontrolId的用途是什么?它类似于我们在旧版中使用的name吗?>whatistheuse?validationState={this.getValidationState()}>WorkingexamplewithvalidationValidationisbasedonstringlength. 最佳答案 你可以找到它hereinthev3docs:SetsidonandhtmlForon.基本上是输入的id和标签的for属性。

javascript - 使用 Jasmine 或任何其他替代方案在 Node 上运行测试 .mjs/ESM

由于--experimental-modulesCLI开关(即node--experimental-modules),我的基于Node的项目是在Node上使用原生ES模块支持实现的.显然,当我使用Jasminenode--experimental-modules./node_modules/jasmine/bin/jasmine运行规范时,出现以下错误:Error[ERR_REQUIRE_ESM]:MustuseimporttoloadESModule是否可以在Node中通过ES模块使用Jasmine?如果不是,是否有任何替代方法不使用框架(例如,使用npm脚本运行测试)?

javascript - 使用 promise 时 react 警告无法设置状态

我正在尝试查询服务器以获取导航项列表,以便我可以在init上构建我的菜单。到目前为止,我已经设法在主页上创建了一个包含3个内容的静态页面,其中包括标题、侧边栏和内容。侧边栏是不同类型用户的不同菜单,因此我需要在加载时检索菜单项。我收到的错误是Canonlyupdateamountedormountingcomponent.ThisusuallymeansyoucalledsetState,replaceState,orforceUpdateonanunmountedcomponent.Thisisano-op更新4所以我将我的api请求移动到index.js文件并尝试添加comment

javascript - 如何将信息传递给 react 中的嵌套组件?

说我有(其中component1有一个子component2,component2有一个子component3,component3有一个子component4)并说我想将一些东西从component1传递到component4。我需要将props向下传递吗?所以组件1->组件2->组件3->组件4?请注意:这些组件不在同一个文件中。所以在component1.js中我指的是在component2.js中,我指的是等等 最佳答案 这里有两个主要选项:传递Prop。使用contextAPI使用props你还有两个主要选项:你可以隐式传

javascript - 为什么这个基本的 react-beautiful-dnd 示例没有动画

研究无果,所以希望我能在这里找到答案。所有这些都是在最新的node.js和安装了react-beautiful-dnd的create-react-app上完成的。有关正在发生和应该发生的事情的示例,请参见代码下方的图片。importReact,{Component}from'react';importReactDOMfrom'react-dom';import{DragDropContext,Droppable,Draggable}from'react-beautiful-dnd';//fakedatageneratorconstgetItems=(count)=>Array.from

javascript - node.js 中 require ('.' ) 的用途是什么

我正在阅读一份node.jscli模块文档,它有这样一行。我知道我们可以像这样包含外部模块,但不知道“.”有什么用。同时需要一个模块;constfoo=require('.');谁能告诉我它有什么用,或者为什么这样用。 最佳答案 它将在您运行的文件夹中导入索引文件,您的文件将清空require语句。如果您没有在require()参数中指定任何文件名(仅提供文件夹引用),Javascriptrequire模块将尝试查找index.js文件。基本上它是constfoo=require('./index.js');的别名index.jsm