小编use*_*271的帖子

我想在搜索上过滤一个数组SEARCH_TEXT是一个改变动作,我很困惑的是当按下删除键并且文本现在变为空时我如何返回状态,我想我可以在else语句中使用初始状态但我倾向于这是错的？当我返回状态时,它已经在if语句中被操作了.

简单的例子.

提前致谢.

const initialState =  ['hello', 'wahhh', 'yo'];

export default function searchSimple(state = initialState, action) {
  switch (action.type) {
    case SEARCH_TEXT:
      if(action.text.length > 0){
        return state.filter(item =>
          item.startsWith(action.text)
        )
      }
      else {
        return state
      }

我有一些逻辑,我已经把它放在reducer中,我认为应该把它放在Action中并传递下去？

将这类东西放入动作或减速器中是最佳做法吗？

这里的工作示例.

减速机代码:

function Card() {
  this.card = (Math.random()*4).toFixed(0);
}

Card.prototype = {
  getRandom: function(){
    var card;
    //console.log(this.card)
    switch (this.card) {
      case '1':
      card = 'heart';
      break;
      case '2':
      //card = 'diamonds';
      card = 'heart'; // weight the odds abit
      break;
      case '3':
      card = 'club';
      break;
      case '4':
      card = 'spade';
      break;
      default:
      card = 'heart';
      break;
    }
    return card;
  }
}

var dealer = {
  deal: function(){
    var results = [];
    for(var i = 0; i …

我有这个代码在jquery中工作

<script type="text/javascript">
    $(window).on('scroll', function () {
        console.log($(window).scrollTop());
        $('.parallax-background').css('top', '' + ($(window).scrollTop() / 5) + 'px');
    });
</script>

而我正试图把它翻译成棱角分明,这是我认为它应该是但它不起作用？

angular.module('twtscrollApp')
    .controller('MainCtrl', function ($scope, $window) {
        $window.on('scroll', function () {
            angular.element('.parallax-background').css('top', '' + ($window.scrollTop() / 5) + 'px');
        });
    });

我没有得到任何joshing错误,但它不工作,如果需要可以做一个jfiddle,但任何帮助赞赏.谢谢.

我正在尝试在文本区域内渲染表情符号，此时我被难住了。

https://jsfiddle.net/nvt7qjar/

我不知道如何在文本区域内使用angerlySetInnerHTML 的值，因此当您添加表情符号时，您会看到它们在预览中呈现？

提前致谢。

使用的表情符号标记库

<script src="//cdn.jsdelivr.net/emojione/1.5.0/lib/js/emojione.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/1.5.0/assets/css/emojione.min.css" />

代码：

var Emoji = React.createClass({
  rawMarkup: function() {
    var rawMarkup = emojione.shortnameToImage(this.props.emojcode.toString(), {sanitize: true});
    return { __html: rawMarkup };
  },

  handleClick: function(id) {
    this.props.handleClick(id);
  },


  render: function() {
    return (
      <div id="emojText">
        <button onClick={this.handleClick.bind(this, this.props.emojcode)}><span dangerouslySetInnerHTML={this.rawMarkup()} /></button>
      </div>
    );
  }
});

var App = React.createClass({

  getInitialState: function() {
    return {
      data: [':grinning:', ':joy:', ':smiley:', ':laughing:' ],
      text: ''
    };
  },

  _onChange: function(event, value) {
    this.setState({
      text: event.target.value
    }); …

我相信这也不难,但如果有人能帮助我的话.

这是一个plnkr

<form ng-submit="submit()">
  <input ng-model="query">
  <button type="submit" id="submit" value="Submit" >Search</button>
</form>


<div ng-repeat="x in friends | filter:query">
  {{x.name}}
</div>

我想过滤搜索提交而不是动态输入我猜它可以用ng-click或ng-submit完成.只是在一个很好的方式之后.