小编FNM*_*N82的帖子

第一个同时学习 react 和 redux 的小型 react/redux 项目。

按钮元素上的 onClick 事件触发，因为我可以在控制台中看到值（在减速器文件中）。但是，视图没有更新。

是的，我在网上看了一下，在这个问题上纠结了一整天。

我究竟做错了什么？

提前致谢。

PanelContainer.js 文件：

    class PanelContainer extends React.Component {

        constructor(){
          super();
          this.state = {
            color: new Color()
          }
        }

       render(){
          return (
           <div class="container">
             <Row>
               <Cell cols={`col-sm-12 col-md-3 col-lg-3`}>
                 <Panel>
                   <PanelBody color={this.state.color.generateColor(new Gray())}>
                      <Title title={this.props.follower.count} />
                      <p>{this.props.follower.description}</p>
                      <p><button class="btn btn-primary" onClick={() => this.props.getFollower()}>Update</button></p>
                   </PanelBody>
                </Panel>
              </Cell>
            </Row>
         </div>
        );
      }
    }

    const mapStateToProps = (state) => {
       return {
         follower: state.followerReducer
       };
    };

    const mapDispatchToProps = (dispatch) => { …

我一直在网上查找，似乎无法弄清楚这一点。我有两个表：团队和团队成员。一个团队可以有一个或多个团队成员，因此是一对多的关系。

这是两个表的基本情况：

   class Team extends Base\EloquentBase
       {
          // Relationship
          public function teamMembers()
          {
            return $this->hasMany('TeamClock\Eloquent\Models\TeamMember', 'team_id', 'team_id');
          }
       }

       class TeamMember extends Base\EloquentBase
       {
          // Relationship
          public function team()
          {
            return $this->belongsTo('TeamClock\Eloquent\Models\Team', 'team_id', 'team_id');
          
          // Scope
          public function scopeHasDailyPerDiem($q)
          {
            return $q->where('is_daily_per_diem', '>', 0);
          }
       }

如您所见，我在 TeamMember 类中有一个范围，并且我希望获取所有团队成员的列“is_daily_per_diem”大于 0。

我有一个测试控制器，我正在转储结果：

$teams = Team::has('teamMembers')->with(array('teamMembers' => function($query){
                $query->hasDailyPerDiem();
        }))->get();

这是我在转储时得到的结果：

[0] => Array
        (
            [team_id] => 55
            [phase_id] => value
            [team_name] => value
            [team_member_quota] => value
            [team_member_overstaff] => value
            [published] => …

我熟悉array_filter，我试图考虑更多功能，但我想知道是否有办法保留丢弃的值？例如，如果我有一个像这样的数组：

<?php  
  $arr = array( 1, 2, 3, 4 );
  $arrGreaterThanTwo = array_filter($arr, function($item){
   return $item > 2;
 });

结果将是： array( 3, 4 )。

1. 有没有办法保留丢弃的值数组（ 1, 2 ）？
2. 或者我是否需要在原始数组上再次重用 array_filter 并将 item <= 返回到 2？
3. 如果我再次使用 array_filter 来获取 array( 1, 2 )，那么循环遍历原始数组两次会不会效率低下？

最后，我只是想用 array_filter 循环一次，并将丢弃的值也保存到一个单独的数组中。

提前致谢！

我创建了一个自定义文本分页组件（显示当前分页信息。例如总共 1-N 个），我发现自己向父组件（ComponentA 和 ComponentB）添加了重复代码。每次需要将TextPagination组件添加到父组件时，都需要添加相同的状态和回调方法。如果您查看 ComponentA 和 ComponentB，它们都有 this.state = { itemCount: 0 } 以及 onDisplayLessData 和 onDisplayMoreData 回调方法。这是我想要避免的事情，尤其是当其他开发人员需要使用 TextPagination 组件时，他们需要记住添加所有这些......在我看来并不是那么好。

组分 A

class ComponentA extends React.Component {
  constuctor() {
    super();
    this.state = { itemCount: 0 }
  } 
  render(){
    // re-render data
    <TextPagination .../>
 }

  onDisplayMoreData(){}
  onDisplayLessData(){}
}

组分 B

class ComponentB extends React.Component {
  constuctor() {
    super();
    this.state = { itemCount: 0 }
  } 
  render(){
    // re-render data
    <TextPagination .../>
  }

  onDisplayMoreData(){ //when child updates, this gets called } …