试图学习ReactJS ..但令我困惑的是组件的渲染.我见过的每个例子都定义了一个React组件类,最后有类似的东西:
React.renderComponent(
<comp attr="value"" />,
document.getElementById('comp')
);
我知道它用我的组件替换'comp'元素..这太棒了.但似乎我加载了20个组件,所有20个渲染.但是,我只想呈现一些而不是全部,但在整个SPA中使用所有内容.我正在使用DirectorJS路由器,并且取决于用户是否登录,和/或转到某些链接,我想只显示一个或多个组件.我似乎无法找到有关如何动态管理显示或隐藏反应组件的任何信息/示例/教程.更重要的是,我真正想要做的是根据点击的链接加载部分,在那些部分中他们会使用反应组件,所以只有在那时加载/使用组件.这有可能..如此,我该如何处理？我可以在第一次加载应用程序时一次加载20多个组件,但我更愿意只在加载显示部分组件时才加载它们.
我一直在使用不同的客户端技术,如AngularJS,EmberJS,甚至尝试使用直接的JQuery,并弄清楚如何使用它的ReactJS.除此之外,我的目标是在客户端和Java Jersey 2 jax-rs后端api之间使用json构建单页面应用程序.
我现在有两个绊脚石.虽然有些信息......我正在将我的应用程序部署为Jetty中的WAR文件.我的后端是基于java的.截至目前,我在客户端只使用jquery.
我的主要障碍是如何处理登录,注销和会话管理.使用rest API并使用ajax,我登录工作,包括设置cookie.我关心的是单页应用程序,只有一个索引页面,如果用户关闭浏览器,然后重新打开它到索引页面,而cookie/session仍然很好,用户应该登录,而不是看到外面(未登录)页面.我不确定如何处理这个问题,无论是jsp页面,带有一些模板库的index.html等等.使用JSP我可以插入一些scriplet代码(反对我更好的判断).在过去,我会包含一个标题,用于检查request.getSession().getAttribute("user"),如果它在那里......用户登录并使用scriplet if()代码我会显示一个登录标题,而不是未登录的标题.但我相信,必须有一个更好的方法来实现今天的客户端JS框架.
另一个绊脚石是导航和动态方面.例如,当我使用角度js时,使用Welcome {{name}}并在范围内替换name以及登录用户的json响应值是很容易的.在我目前的情况下,我不能确定如何最好地使用纯jquery显示这样的动态位,而不是使用某种$("#elem-id").innerHtml ="..."代码在响应中ajax调用的成功方法.同样,我不太确定如何处理导航到不同的页面.我登录的网站将有一些下拉菜单或链接,将用不同数量的内容替换内容区域.
首先,在页面重新加载或关闭/崩溃浏览器重启的情况下,SPA中有哪些方法可以处理用户会话...以确保用户仍然登录并将其指向正确的页面？第二,存在哪种模板和路由/导航选项,不需要我在我的一个index.jsp页面中放入大量代码？
谢谢.
我正在尝试使用最新的q.js为我的ajax调用添加promises.我不以任何形式或形式使用node.js. 我从https://github.com/kriskowal/q下载了最新版本,仅包含q.js. 在我的控制台中,我在某些地方看到:
ReferenceError:未定义require
我不知道这是否是一个交易破坏者,但我也不使用requirejs.我正在使用单页应用程序,虽然我使用jquery进行ajax,但我计划删除该依赖项,无论是我自己的简单实现还是其他更小的库.我想使用q.js,也使用bootstrap.js,并且可能会使用flatiron-director,就是这样.所以我不使用npm或其他任何东西,因为我的应用程序非常简单.只有几个JS文件,我认为没有任何理由增加这种复杂性.
那么这个错误是一个问题,如果没有require.js(或node.js),q.js将不起作用？我以为我读它是独立的,但是当我看到这样的错误并且好像它依赖于其他一些JS库时,它让我怀疑是否可以使用它.