小编Dig*_*ter的帖子

Arrow函数在使用babel的React组件中被视为意外令牌

我在我的一个反应组件中有这个功能.

export default class EventTags extends React.Component{
      showAll () => {
        this.setState({
          showAll: true,
          showBtn: false
        });
      }
}
Run Code Online (Sandbox Code Playgroud)

当webpack watch命中时,我在箭头函数上遇到意外的令牌错误.我启用了transform-es2015-arrow-functions插件,但它似乎没有改变结果.

我在这里做错了什么想法?

javascript ecmascript-6 reactjs babeljs

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

如何在Redux中处理列表项

我有一个列表视图,以及我的应用程序的详细视图.

/ list下拉一些关于一堆对象的一般数据,然后将它抛入redux中的数组中

/ list/5抓取列表中某个项目的详细信息

无论您在网站上点击什么路线,都会始终调用/ list,因此列表最终会填充

我认为当您在列表数组中的项目索引位置中点击详细信息路径时,最好存储项目的所有详细信息.

问题是,如果首先转到项目详细信息路径,则列表的检索时间比项目详细信息要长.当我尝试在redux中更新它的位置时,我不知道数组中的项索引是什么.

我处理这个错误吗?我应该将商品的详细信息放在商店的单独位置吗?我的想法是,如果用户查看项目的详细信息两次,我可以检查其他数据是否已经在列表数组索引中,因此我不需要再进行一次api调用.它已经存在,但如果不存在,则拨打电话并提取其他详细信息

不确定我是否正确解释这一点,但我一直在努力找到用redux存储东西的正确模式.

arrays list reactjs redux react-redux

5
推荐指数
1
解决办法
2179
查看次数

有条件地在postgres SQL中选择一列

说我有这样一张桌子:

    table messages
id | show_message | message
 3 |   false      | "some message"
 4 |   true       |  "another message"
Run Code Online (Sandbox Code Playgroud)

我想只在列为show_messagetrue 时才选择消息列,但我也想以任一方式选择show message列.子查询是否适合该场景?我觉得我在想这个.我正在使用Postgres 9.5

sql postgresql postgresql-9.5

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

在新对象中传播运算符覆盖元素,而不是合并

我正在从我的API中获取数据,并在将其转储到redux之前将其通过normalizr传递。当我从API获取人员数据时,reducer应该将其附加到人员存储中。现在,我的reducer正在覆盖存储中的所有现有数据。

减速器:

export default function reducer(state={
    people: {
        entities : {
          people: {
            0 : {
              name : ''
            }
          }
        },
        result : [0,]
    }
  }, action) {
  switch (action.type) {
    case "GET_PEOPLE": {
      const newpPeople = {...state.people, ...action.payload };
      console.log(state.people)
      console.log(action.payload)
      console.log(newpPeople)
      return {...state, people : newpPeople};
    }
    default :
      return state
  }
}
Run Code Online (Sandbox Code Playgroud)

该第一个控制台日志是reducer一次使用后的状态。它具有最初已保存到商店的一组人员:

{ 
    entities: { 
                people : { 
                          1 : { id: 1, name: "jim" },
                          2 : { id: 2, name: "billy" }
                         } …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux normalizr

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

React 渲染在属性中的嵌套对象上窒息

我有这个反应组件。它传递了一个名为 data 的道具。

数据是一个对象,如

{ 
  "title" : "some title",
  "meta" : { "name": "frank", 
             "last": "lee" 
           }
}



export default class Details extends React.Component {

  constructor () {
    super()

    this.state = {
      data: []
    }
  }

  render () {
    return (
      <div>
        <h1>{this.props.data.title}</h1>
      </div>
    )
  }
};
Run Code Online (Sandbox Code Playgroud)

这很好。但是,当我尝试引用此道具中包含的嵌套对象时,整个道具将变为“未定义”并且我无法引用任何内容。

完整错误:

Uncaught TypeError: Cannot read property 'name' of undefined
Run Code Online (Sandbox Code Playgroud)

这打破了:

  render () {
    return (
      <div>
        <h1>{this.props.data.title}</h1>
        <p>{this.props.data.meta.name}</p>
      </div>
    )
  }
Run Code Online (Sandbox Code Playgroud)

这打破了:

  render () {

    var name = this.props.data.meta.name

    return (
      <div> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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