草庐IT

react-native-web

全部标签

javascript - 将项目数据传递给 react 模态

我有一张map,只渲染了几个项目,其中一条线在下面this.setState({"openDeleteModal":true)}>Delete显然我想在用户点击删除时打开一个模式,但我必须传递一些东西,比如项目的名称、项目的id来执行删除。如何将says名称传递给模态?我可以像这样将obj名称绑定(bind)到a删除我走在正确的轨道上吗? 最佳答案 在React应用程序上工作时,尽量不要考虑将值传递给其他组件,而是更新组件所暴露的状态。在您的示例中,假设您的模态组件是您的a标签列表所属的同一组件的子组件,您可以设置您有兴趣在状态上公

javascript - 为 react/react-intl 动态导入语言 json 文件

这是我配置客户端以通过react-intl呈现正确语言的方式。importlocaleDatafrom'./translations/en.json';//importlocaleDatafrom'./translations/xx.json';{match({history,routes},(error,redirectLocation,renderProps)=>{ReactDOM.render({routes},dest);});};render(getRoutes(store));但是我想根据cookie中的语言环境动态导入localeData。因此,如果我的用户的语言环境是“

javascript - React 无法读取未定义的属性映射

我对react很陌生,我正在尝试从Railsapi引入数据,但我收到错误TypeError:Cannotreadproperty'map'ofundefined如果我使用React开发工具,我可以看到状态,如果我在控制台中使用$r.state.contacts弄乱它,我可以看到联系人有人可以帮助我吗做错了吗?我的组件看起来像这样:importReactfrom'react';importContactfrom'./Contact';classContactsListextendsReact.Component{constructor(props){super(props)this.st

javascript - Angular react 形式 : Dynamic Select dropdown value not binding

我有两个数据数组:AssociatedPrincipals(以前保存的数据)和ReferencePrincipals(要填充到下拉控件中的静态数据)。我正在努力从AssociatedPrincipals获取以前的值,以便在页面加载时以动态数量(大多数示例使用单个下拉列表)的下拉列表显示/选择。我不确定如何设置表单(代码隐藏和HTML),尤其是设置Select的formControlName。目前,每个下拉列表中的静态值都会填充,但我无法让选择的值正确绑定(bind)。publicngOnInit(){this.factsForm=this.formbuilder.group({asso

javascript - 在 React 中使用 htmlFor 传递 eslint html-has-for

我有一个无状态的React组件,如下所示:constpropTypes=exact({fieldId:PropTypes.string.isRequired,text:PropTypes.string.isRequired,});functionLabel({fieldId,text}){return({text});}Label.propTypes=propTypes;我正在使用通过airbnb配置扩展的eslint。我的eslint看起来像这样:{"extends":"airbnb"}我的React代码抛出这个错误:errorFormlabelmusthaveassociatedc

javascript - 计算属性对 VueJS 中的 window.innerwidth react

基本上,我需要的是一个计算属性,当window.innerwidth等于或小于768px时返回true,当false时返回false它高于768px。我做了什么:computed:{isMobile(){if(window.innerWidth但这只计算该属性一次,如果我稍后调整窗口大小,它不会对更改使用react。我能做什么? 最佳答案 像这样向窗口添加一个事件监听器:newVue({el:"#app",data(){return{windowWidth:window.innerWidth}},mounted(){window.a

javascript - 如何按 es6/React 中的特定字段对 map 进行排序?

我有这张map,我想按“id”值排序:{products.map(({id,headline})=>(id={id}headline={headline}))}我该怎么做? 最佳答案 假设id是一个数字,您可以执行products.sort(({id:previousID},{id:currentID})=>previousID-currentID)像这样:JavaScript代码:{products.sort(({id:previousID},{id:currentID})=>previousID-currentID).map((

javascript - 使用 Jest 和 React 模拟非默认函数

在测试文件中,我需要渲染一个组件,同时模拟它的一些子组件。文件结构大致如下所示。文件1import{A,B}from'a-module';exportfunctionMyComponent(){return(//Ineedtomock//thesecomponentsout);}文件2import{MyComponent}from'File1';/**InthisfileIwouldliketorenderMyComponentbut*havecomponentsAandBbereplacedbymocks*/我试过jest.mock('a-module',()=>'Blah');但这

javascript - Google Analytics 是否具有用于长时间运行的 Web 应用程序的 "heartbeat"函数?

我正在制作一个专注于观看嵌入式内容的网络应用程序。我希望应用程序客户端向GA(GoogleAnalytics)发送“心跳”类型的信号以保持session继续进行。现在看来,如果访问者观看视频5-10分钟,GA会假定他已经离开页面并将用户的操作注册为新session。在我让数百人测试该应用程序并且GA实时测试版在页面上注册了约100人之后,我做出了这个假设。几分钟后,人数开始急剧下降,尽管几乎所有访问者仍在使用该应用程序观看直播。谢谢 最佳答案 我会每10分钟触发一个事件,并将opt_noninteraction设置为true。fun

java - 在 Web 应用程序中获取当前 URL

我正在捕获当前URL,因为它显示在我的JSP页面的浏览器地址栏中,而且完成它的选项很少。使用javax.servlet.include.request_uri和Servlet2.4规范中定义的其他内容。我引用此线程以获取有关它的详细信息java-httpservletrequest-get-url-in-browsers-url-bar.在我当前的应用程序中,我们将把网络服务器放在我们的应用程序服务器前面,因为这些值似乎没有任何用处。我有另一种方法可以利用javascript的document.URL,但我不确定它的可靠性。我需要获取有关用户位置的详细信息,如果我可以使用getRequ