小编Tom*_*zyk的帖子

用户收到带有邀请码的电子邮件,例如邀请码http://website.com/invitation/%s在哪里%s.

现在我想在我的应用程序中重定向该URL,但保留邀请代码如:

<Redirect from="/invitation/:code" to="/auth/register/:code" />

因此,当用户点击电子邮件中的链接时:

http://website.com/invitation/2abc433

他将被转移到:

http://website.com/auth/register/2abc433

不幸的是,使用上面的Redirect组件,他被转移到了

http://website.com/auth/register/:code

我有这样的史诗:

export const fetchCharacter = (id) =>
  ajax({ url: `https://swapi.co/api/people/${id}` })
    .map(response => fetchCharacterSuccess(response.body))
    .catch(error => Observable.of(fetchCharacterFailure(error.response.body)));

export const startFetchingCharacters = () => ({ type: START_FETCHING_CHARACTERS });

export const fetchUserEpic = (action$, store) =>
  action$.ofType(START_FETCHING_CHARACTERS)
    .delay(3000)
    .mergeMap(
      action => api.fetchCharacter(store.getState().nextCharacterId)
    );

现在它只监听START_FETCHING_CHARACTERS操作并为用户发出一个请求.

现在我想一遍又一遍(延迟)取出字符,直到取消一些操作.我怎样才能做到这一点？

我最近从webpack路径别名转移到babel-plugin-module-resolved，因为它可以更好地与测试框架集成。

.babelrc

{
  "presets": [
    ["env", { "modules": false } ],
    "react",
    "stage-2",
    "flow"
  ],
  "plugins": [
    ["module-resolver", {
      "alias": {
        "static": "./static",
        "common": "./src/common",
        "data": "./src/data"
      }
    }],
    ["styled-jsx/babel", { "plugins": ["styled-jsx-plugin-sass"] }],
    "react-hot-loader/babel"
  ]
}

WebStorm会自动识别的导入，static/..但无法解析common/..和的导入data/..。

是否可以某种方式指导IDE有关此配置？

PS现在，我已将src目录标记为“ Resource Root”，但这还不能正常工作。

小提琴.

这里我有一个表,在这个添加按钮就在那里,每次都会添加单选按钮,当我点击清除按钮时,应该取消选中所选的单选按钮.

$scope.Clear = function() {
  radiobtn = document.getElementById("theid");
  radiobtn.checked = false;  
};  

我想path="/users/:login/:repo"查看登录的repo详细信息页面,但它不起作用并查看UserProfile组件.这是点击:

 <Link to={this.props.location.pathname+'/'+item.name}>
   <div>
      <h4>{item.name}</h4>
      <p>{item.description} </p>
   </div>
 </Link>


<Switch>
    <Route exact path="/" component={Contributors}/>
    <Route  path="/users/:login" component={UserProfile}/>
    <Route  path="/users/:login/:repo" component={RepoPage}/>
</Switch>

我想从选项中获取数据属性使用react但由于某种原因我无法使用并且我得到null.

<select onChange={(e) => this.onIndustryChangeOption(e)} value={this.props.selectedIndustry}>
    <option value="" data-industry="industry1">Select Industry</option>
    <option value="" data-industry="industry2">Select Industry 2</option>
</select>

onIndustryChangeOption(event, index, value) {
   console.log(event.target.getAttribute('data-industry'));
   this.props.setRootState({selectedIndustry: event.target.value});
}

这不起作用,我相信应该有其他方法来做到这一点!

我有一个div.我想在悬停效果上对这个div进行边框处理.而这个边界应该具有过渡效应.它工作正常.但我的问题是当我从div移动鼠标时此时边框直接进入而没有任何过渡效果.这是我的div

.pending:hover{
     -webkit-transition: border .35s ease-in-out;
     transition: border .35s ease-in-out;
     border: 2px solid red;
}

<div class="pending">
   <h2>this is title </h2>
   <button>Menu</button>
   <button>Menu</button>
   <button>Menu</button>
</div>