草庐IT

react-native-safe-area-view

全部标签

javascript - 在 React 应用程序中点击返回按钮不会重新加载页面

我有一个用TypeScript编写的React应用程序(16.8.6),它使用ReactRouter(5.0.1)和MobX(5.9.4)。导航工作正常,数据应该加载,但是,当我单击浏览器的“后退”按钮时,URL发生变化但没有更新状态并且页面没有重新呈现。我已经阅读了无数关于这个问题和withRouter修复的文章,我试过了,但没有什么不同。一个典型的用例是导航到摘要页面,选择导致新数据加载和新历史状态被推送的各种事物,然后返回几个步骤到您开始的地方。大多数历史推送发生在处理多个路由的摘要组件中。我注意到,当从摘要页面返回到主页时,重新呈现会按预期进行。我的索引.tsximport{P

javascript - 在 react-native 中打开路由中未指定的 DeepLink

如果我考虑一个例子https://app.abc.com/login这会在我的应用程序中打开登录页面。但是如果链接是这样的https://app.abc.com/loginUser//Thislinkisarouteinwebapp这不会在应用程序中打开登录页面,因为路径未在路由中定义现在的要求是,每当用户点击第二个链接时,即使这样它也应该在App而不是在web中打开登录组件。IE。同一组件的多个路由,或者我可以为此类路由打开一个通用组件吗?我们可以在React-Native中实现吗? 最佳答案 这非常简单,只需浏览React-Na

javascript - 谷歌地图加载 API 脚本并在 ember.js View 中初始化

我正在尝试为Googlemap创建一个EmberView,并以按需方式加载脚本,即异步加载API。我在View中有两个函数,一个用于加载GoogleMapsAPI,另一个用于初始化map。但是由于谷歌要求我通过需要API的链接调用回调函数。但是在Ember.JS中,我无法得到正确的结果。我得到的只是一条错误消息,指出在尝试初始化map时对象“google”未定义。现在这是EmberView代码。App.MapsView=Ember.View.extend({templateName:'maps',map:null,didInsertElement:function(){this._su

javascript - 将带有参数的 View 组件渲染到命名导出 ember.js

我的应用程序模板中有2个命名socket,slider-area和pre-footer。有没有办法将带参数的View组件(如索引模板中显示的main-slider组件)传递到命名socket?所以我需要将{{main-slidersliders=filteredSlider}}传递给索引模板中的导出{{outlet"slider-area"}}吗?我来自Rails,如果这不是ember的做法,请原谅我的想法。可以在应用程序模板中指定yield:slider_area,然后将此区域的任何内容包装在content_for:slider_areablock中。ember中是否有类似的方法?i

javascript - 如何从 Rails View 调用内部 API(用于 ReactJS 预渲染目的)?

我已经有了返回JSON响应的RailsAPIController。前端Javascript(以及移动应用程序)使用它来呈现值。现在,我希望使用ReactJS预呈现这些值:#app/controllers/api/v1/products_controller.rbmoduleAPImoduleV1classProductsController如何有效调用内部/api/v1/products和/api/v1/userURL(例如,不向我自己的服务器发出HTTPGET请求)? 最佳答案 我同意您希望为您的View重用您的API代码。这将使

javascript - React FixedDataTable 响应行/单元格大小

定义固定数据表时,您可以使用rowHeight属性指定行高。但是如果cell的内容太大,通过设置一个静态值(例如,50像素高),它会被chop,因为高度是明确设置的。我看到有一个rowHeightGetter回调函数,但该函数的参数似乎没有任何相关性(也许它可能是它正在获取的行?哪种有意义但与数据无关对于特定的列或单元格)。所以我很好奇,有什么方法可以让cell响应(甚至有点)它包含的数据?varTable=FixedDataTable.Table,Column=FixedDataTable.Column,Cell=FixedDataTable.Cell;varrows=[['a1',

javascript - 如果 React 组件需要 jQuery,Enzyme 会抛出错误

我正在尝试使用Enzyme的describeWithDOM()和mount()测试React组件的行为。但是当组件导入jQuery时我得到这个错误:错误:jQuery需要一个带有文档的窗口我知道Enzyme在后台使用jsdom,我一直认为jsdom负责处理窗口和文档。但我似乎找不到如何让它们一起工作。测试代码如下所示:importchai,{expect}from'chai';importSelectfrom'./Select';importReact,{createElement}from'react';import{describeWithDOM,mount}from'enzyme

javascript - 使用 webpack 部署 React 应用

我正在做一个关于React的教程,我已经制作了一个基于React的youtube克隆。现在我想将它上传到我的域(托管在one.com),但它不起作用,因为找不到bundle.js。相当明显,因为该应用程序需要运行“npmstart”。我一直在谷歌搜索,发现我需要通过为webpack编写部署配置来部署应用程序,但我无法让它工作。我一直不明白这个,我想问一下:如何将javascript/nodejs/webpack网站部署到服务器?我走在正确的轨道上吗?我的项目基于这个启动器:https://github.com/StephenGrider/ReduxSimpleStarter编辑:所以我

javascript - React Redux 职责

我几天前开始学习react-redux-immutable,但我仍然对构建我的应用程序感到困惑。我有php(symfony/laravelMVC背景),所以要理解一些javascript概念并不容易。1)我有几行WrapperComponent:exportdefaultfunction(props){conststyle={position:"relative"};constlines=props.lines;return({lines.map(line=>())});}2)连接到WrapperContainerimportWrapperfrom'../components/Wrap

javascript - React 暴露组件函数

基于此链接上的示例http://reactjs.cn/react/tips/expose-component-functions.html,我一直在尝试简化代码以更好地理解暴露的方法,所以我得到了以下内容,这是行不通的,错误是“UncaughtTypeError:无法读取未定义的属性'animate'”而且我真的不知道原因:varTodo=React.createClass({render:function(){return;},//thiscomponentwillbeaccessedbytheparentthroughthe`ref`attributeanimate:functio