小编MD *_*hik的帖子

使用react-router登录后自动重定向

我想在我的react/react-router/flux应用程序中建立一个Facebook登录.我在登录事件中注册了一个监听器,'/dashboard'如果他们已登录,则希望将用户重定向到.我该怎么做?location.push除了完全重新加载页面后,效果不佳.

reactjs reactjs-flux react-router

48
推荐指数
3
解决办法
7万
查看次数

react router - 登录后重定向

能否帮助我理解我可以使用最新版本的反应路由器(v1.1.0)的重定向机制.我想重定向到一个url取决于用户登录的成功或失败.我试图做以下事情首先使用创建历史记录.

let history = createBrowserHistory();
Run Code Online (Sandbox Code Playgroud)

然后尝试用推动状态

history.pushState(null, 'abc')
Run Code Online (Sandbox Code Playgroud)

什么都没发生.你能不能让我知道正确的转换方式.从我理解的文档transitionTo()中,最新版本中没有API.如果你能指出一个简单的工作实例,它会很棒.

提前致谢.

react-router

22
推荐指数
5
解决办法
6万
查看次数

为什么React Webpack生产版本显示空白页面?

我正在建立一个反应应用程序,目前webpack-dev-server工作正常(hello世界文本显示),但webpack -p显示空白页面.对于生产构建chrome dev工具下的网络选项卡,显示index.html并且index_bundle.js大小为0 B(参见图片)在此输入图像描述但显然并非如此,HTML文件大小为227 B,index_bundle.js文件大小为195Kb(见图)

此外,Chrome Devtools Elements标签显示以下内容(见图片) 在此输入图像描述

我的webpack配置文件如下所示:在此输入图像描述

javascript web-applications reactjs webpack redux

22
推荐指数
2
解决办法
2万
查看次数

原则:如果不选择至少一个根实体别名,则无法通过标识变量选择实体

我在查询构建器中使用以下代码,以选择平均得分值,以及该平均值所属的类别实体:

$queryBuilder = $this->createQueryBuilder('s')
    ->resetDQLPart('select')
    ->select('AVG(s.score) as score, partial c.{reviewCategoryID} as cat')
    ->setParameter('status', ReviewStatusType::ACCEPTED)
    ->join('s.review', 'r')
    ->join('s.category', 'c')
    ->where('r.campsite = :campsite')
    ->andWhere('r.status = :status')
    ->setParameter('campsite', $campsite)
    ->groupBy('c.reviewCategoryID');
Run Code Online (Sandbox Code Playgroud)

$campsite 是评论所属的实体,而评分属于评论,评分具有类别.

但是当我尝试执行此操作时,我收到错误

Error: Cannot select entity through identification variables without choosing at least one root entity alias.
Run Code Online (Sandbox Code Playgroud)

当我调试并检查根别名时,我看到's'已定义,应该是根实体(Score).

知道什么可能是错的吗?

doctrine doctrine-query doctrine-orm

16
推荐指数
1
解决办法
3万
查看次数

Window.onload与脚本延迟

这里说,html文档有4个readyState可能的值:

未初始化 - 尚未开始加载尚未
加载 - 正在加载
交互式 - 已加载足够且用户可以与其
完成交互- 完全加载

这里据说,基本上,defer告诉浏览器在执行该脚本块中的javascript之前等待"直到它准备好".通常这是在DOM完成加载之后document.readyState == 4

所以问题是先执行什么以及为什么 - <script defer src="...">或者window.onload=function(){...} ?

html javascript

13
推荐指数
1
解决办法
3886
查看次数

Laravel app.js和app.css为什么需要使用?我们可以删除那些吗?

我是Laravel的新学员.

我正在使用Laravel 5.3.但我想使用Bootstrap cssJs.但是Laravel有默认app.cssapp.js.野兔 app.css实际上是Bootstrap CSS,也app.js像Bootstarp js一样工作.但我可以删除app.js,app.css并且我可以使用自定义版本Bootstrap CSSJS吗?

所以我需要知道为什么我们会使用这两个文件?

php twitter-bootstrap laravel laravel-5 laravel-5.2

8
推荐指数
1
解决办法
8235
查看次数

ConstraintError:密钥已存在于对象存储中

我正在使用React 16.3.2Redux 4Dexie 2.0.3

当我第二次存储数据时,它会抛出此错误消息。

错误: ConstraintError: Key already exists in the object store.

   return dispatch => {
        db.table
        .add(data)
        .then (function(id){
            console.log(id)
        })
        .catch (function (error) {
            console.log("Error: " + error);
        });
    }
Run Code Online (Sandbox Code Playgroud)

我的数据库架构:

   const db = new Dexie('ReactReduxDexieJsCRUD');
  db.version(1).stores({table:'++id,name,age,bloodGroup,donateBefore,weight' });
Run Code Online (Sandbox Code Playgroud)

第一次它可以很好地存储日期,但之后会出现错误。

javascript indexeddb dexie redux

7
推荐指数
1
解决办法
8092
查看次数

Bootstrap 3.3.6网格边界不提供刚性结构

我试图熟悉Bootstrap和Grid.我正在尝试创建以下宏布局:

===================================================
| PageTitle              |________________________|
|________________________| +1  |________| img| img|
| Make a choice.         |_____|________|____|____|
|                        |                        |
===================================================
Run Code Online (Sandbox Code Playgroud)

主要元素是一个jumbotron,其中有一排.然后我将行分成两个<div>元素class="col-xs-12"(我希望左面板在移动设备上保持在右上方).

左侧面板进一步分为两行,其中包含一些文本内容.

右侧面板包含一行,再次分为两个部分.左右两部分都是class="col-xs-12 col-sm-3".这是为了确保在较小的屏幕上,它们各自一个在另一个上面,并填充整个水平空间.如图所示,行和另一列子结构分割空间.

这是我到目前为止的代码:链接

正如您将看到的那样,布局的行为与我期望的xs大小(低于768px)相同.但是,在较大的尺寸中,右面板中的行和列彼此重叠,并且图像已消失.

理解为什么网格没有像我期望的那样运行的任何指导(即作为在不同屏幕尺寸下智能地回流的表格),将不胜感激!

html css twitter-bootstrap

5
推荐指数
1
解决办法
270
查看次数

禁用点击事件无效?

我尝试解开,关闭,似乎没有任何工作!

我有一个ID叫做的元素:volume-knob.我想禁用点击,所以如果我有一个按钮,div volume-knob那么按钮将不会被按下等.

我尝试了以下,点击仍然有效!请分享一下这个噩梦吧!

$('#volume-knob').unbind("click"); //Doesn't work
$(document).unbind("click"); //Trying to disable click on all but still no luck
$('#volume-knob').off("click"); //Doesn't work
Run Code Online (Sandbox Code Playgroud)

然后我尝试在点击事件上添加它但也没有运气:

$("#volume-knob").click(function(){
    $('#volume-knob').off("click"); // Still Won't work._.
});
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?谢谢!

javascript jquery

-1
推荐指数
1
解决办法
537
查看次数