小编ily*_*lyo的帖子

React router 4不会更新链接上的视图,但会在刷新时更新

我使用以下简单的导航代码

<Router>
  <Switch>
    <Route exact path='/dashboard' component={Dashboard} />
    <Route path='/dashboard/accounts' component={AccountPage} />
  </Switch>
</Router>

<NavLink exact to={'/dashboard'}
         disabled={this.props.item.disabled}
         activeClassName='active'>

<NavLink exact to={'/dashboard/accounts'}
         disabled={this.props.item.disabled}
         activeClassName='active'>
Run Code Online (Sandbox Code Playgroud)

URL更改但视图不更改.但是,当我刷新页面或手动转到该URL时,它会发生变化.

url reactjs react-router react-router-v4

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

使用jQuery动态添加HTML表单字段

由于我不能在表单内部使用div,我想知道如何.append()在不重新加载页面或重写表单的情况下在表单中间添加新字段(我不能在这里使用)?(使用jQuery)

编辑:这是HTML:

<form id="form-0" name="0">
<b>what is bla?</b><br>
<input type="radio" name="answerN" value="0"> aaa <br>
<input type="radio" name="answerN" value="1"> bbb <br>
<input type="radio" name="answerN" value="2"> ccc <br>
<input type="radio" name="answerN" value="3"> ddd <br>
//This is where I want to dynamically add the new radio or text line

<input type="submit" value="Submit your answer">
//but HERE is where .append() will put it!

</form>
Run Code Online (Sandbox Code Playgroud)

html jquery dom

33
推荐指数
4
解决办法
14万
查看次数

如何在Express应用程序中使用npm安装的jQuery?

我有一个node.js + express应用程序,我用npm安装了jQuery.

app.js我使用的文件中

var jquery = require('jquery');
Run Code Online (Sandbox Code Playgroud)

在html文件头中我包含了使用jQuery的javascript,我得到了"jQuery未定义".这是订单还是我错过了什么?

javascript jquery node.js express

31
推荐指数
4
解决办法
3万
查看次数

如何在RegExp javascript中放置[](方括号)?

我正在尝试这个:

str = "bla [bla]";
str = str.replace(/\\[\\]/g,"");
console.log(str);
Run Code Online (Sandbox Code Playgroud)

替换不起作用,我做错了什么?

更新:我正在尝试删除字符串中的任何方括号,如果我这样做,那有多奇怪

replace(/\[/g, '')
replace(/\]/g, '')
Run Code Online (Sandbox Code Playgroud)

它有效,但
replace(/\[\]/g, '');
没有.

javascript regex

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

使用数据属性创建div

我按以下方式创建div

$('<div/>', {
    "class" : 'draggable player' + player + ' unit unit' + unit
})
Run Code Online (Sandbox Code Playgroud)

而且我找不到我可以分配给它的其他属性,就像我分配类一样.特别是如果我可以分配dataattr

javascript jquery

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

如何使用Express安装SASS?

我正在使用Express和socket.io创建一个node.js应用程序.我想使用SASS,我看到有一个npm包,我不明白是如何在SASS npm和应用程序之间进行链接并使其解析SASS?

更新:我使用SASS中间件https://github.com/andrew/node-sass安装它,并按以下方式包含它:

  sass = require('node-sass');


app.configure(function(){
  app.set('port', process.env.PORT || 3000);

  /* other stuff */

  sass.middleware({
    src: __dirname + '/public/stylesheets/sass',
    dest: __dirname + '/public/stylesheets',
    debug: true
  });
});
Run Code Online (Sandbox Code Playgroud)

但它仍然无效

sass node.js express

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

{text-indent:-9999} for image replace not working

有什么想法吗?

http://jsfiddle.net/FHUb2/

.dashboard-edit,
.dashboard-delete {
  height: 30px;
  width: 50px;
  background: url("https://i.stack.imgur.com/kRZeB.png") no-repeat top left;
  text-indent: -9999px;
}
Run Code Online (Sandbox Code Playgroud)
<a href="#" title="Edit" class="dashboard-edit">Edit</a>
<a href="#" title="Delete" class="dashboard-delete">Delete</a>
Run Code Online (Sandbox Code Playgroud)

html css

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

在没有.prototype的情况下向构造函数添加新属性

当我有函数我想用作构造函数时,说:

function clog(x){
    var text = x;
    return console.log(text );
}
Run Code Online (Sandbox Code Playgroud)

我已经做了一些实例

var bla = new clog();
Run Code Online (Sandbox Code Playgroud)

现在我想添加新的功能,所以我会用

clog.prototype.alert = alert(text);
Run Code Online (Sandbox Code Playgroud)

如果我这样做会有什么不同:

clog.alert = alert(text);
Run Code Online (Sandbox Code Playgroud)

它不会被clog原型的对象继承吗?

javascript

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

何时使用return,以及返回的数据会发生什么?

有什么区别:

function bla1(x){console.log(x)}
Run Code Online (Sandbox Code Playgroud)

function bla(x){return console.log(x)}
Run Code Online (Sandbox Code Playgroud)

我应该在哪些情况下使用return

此外,当从函数返回一个值时,会发生什么?它存放在某个地方?

javascript return

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

如何在redux状态更改时更新组件状态?

由于我有一个带有表单的组件,我需要将表单连接到组件状态.初始数据来自Redux,因此尝试通过使用props设置状态来初始化和更新组件:

componentWillMount = () => {
  this.setState({
    language: this.props.language || 'en'
  })
}
Run Code Online (Sandbox Code Playgroud)

language 是一个连接道具,我检查它是在商店更新.

const mapStateToProps = state => ({
  language: state.language
})
Run Code Online (Sandbox Code Playgroud)

我还试图用componentWillReceivePropscomponentWillUpdate,但它不工作.我得到初始状态,即使商店和连接的道具发生变化,组件的状态也不会更新.

{this.props.language} // updates
{this.state.language} // doesn't change
Run Code Online (Sandbox Code Playgroud)

从Redux数据管理表单的正确方法是什么?


render部分:

render () {
  const {classes, theme, web} = this.props

  const language = (
    <CardContent>
      <Typography type="headline">
        Language
      </Typography>
      <Divider/>
      <form className={classes.container} autoComplete="off">
        <FormControl fullWidth margin="normal">
          <InputLabel htmlFor="language">Select Block</InputLabel>
          <Select
            value={this.state.language} // <==================== language
            onChange={this.handleLanguaheChange}
            input={<Input id="language"/>}
          >
            <MenuItem value={'en'}>English</MenuItem>
            <MenuItem …
Run Code Online (Sandbox Code Playgroud)

javascript forms reactjs redux react-redux

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