小编TbW*_*321的帖子

如何使用React路由器与Preact

我使用Preact作为我的View框架(由于Facebook IP问题,不能使用React).我需要使用React Router进行位置路由,因为它比同一个团队构建的Preact Router具有更大的灵活性.

我设法让React Router接受Preact代替React,但是,我无法让它匹配位置.我不确定这是兼容性问题还是配置问题.我试过只使用一对路线(应用程序和帐户),它仍然无法使用简化的设置.

问:有谁看到我在这里做错了什么?

我得到的错误是: Location "/account/12345/" did not match any routes

main.js

import { h, render } from 'preact';
import { Router, browserHistory } from 'react-router';
import { Provider } from 'react-redux';

import createStore from './createStore';
import createRoutes from './createRoutes';

process.env.DEBUG && console.log('Hello, developer!');

const history = browserHistory;
const store = createStore( history );
const routes = createRoutes( store );

render((
    <Provider store={ store } key="redux-provider">
        <Router history={ history } createElement={ …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router preact

11
推荐指数
1
解决办法
4831
查看次数

在功能编程中实现双向计数器?

我试图围绕一些函数式编程基础知识.

因此,通过使用更高阶函数,我可以创建一个可以递增的计数器:

function counter( start ) {
  var count = start;
  return function() {
    return ++count;
  }
}

var myCounter = counter( 2 );
myCounter();
myCounter();
Run Code Online (Sandbox Code Playgroud)

但是,实现双向计数器的正确方法(就功能编程而言)是什么?我想出了以下内容,但它对我来说似乎太像一个便宜的物体了:

function bicounter( start ) {
  var count = start;
  var mutate = function(amount) {
    return function() { count += amount; }
  };
  return {
    increment: mutate(1),
    decrement: mutate(-1)
  }
}

var myCounter = bicounter( 2 );
myCounter.increment();
myCounter.decrement();
Run Code Online (Sandbox Code Playgroud)

javascript functional-programming

4
推荐指数
1
解决办法
506
查看次数

jquery animate - 返回原始位置

我有一个jquery动画,当单击一个按钮时会移动div:

<script> 
$(document).ready(function(){
    $("#toggle1").click(function(){
        $("#holder").animate({right: '0px'});
    });
});
</script>
Run Code Online (Sandbox Code Playgroud)

如果再次单击该按钮,我希望能够将其返回到原始选项

$("#holder").animate({right: '-250px'}); // off the screen
Run Code Online (Sandbox Code Playgroud)

是否有一种简单的方法可以执行此操作,还是应该尝试基于变量状态实现if语句?

html javascript jquery

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