我在我的一个反应组件中有这个功能.
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插件,但它似乎没有改变结果.
我在这里做错了什么想法?
我有一个列表视图,以及我的应用程序的详细视图.
/ list下拉一些关于一堆对象的一般数据,然后将它抛入redux中的数组中
/ list/5抓取列表中某个项目的详细信息
无论您在网站上点击什么路线,都会始终调用/ list,因此列表最终会填充
我认为当您在列表数组中的项目索引位置中点击详细信息路径时,最好存储项目的所有详细信息.
问题是,如果首先转到项目详细信息路径,则列表的检索时间比项目详细信息要长.当我尝试在redux中更新它的位置时,我不知道数组中的项索引是什么.
我处理这个错误吗?我应该将商品的详细信息放在商店的单独位置吗?我的想法是,如果用户查看项目的详细信息两次,我可以检查其他数据是否已经在列表数组索引中,因此我不需要再进行一次api调用.它已经存在,但如果不存在,则拨打电话并提取其他详细信息
不确定我是否正确解释这一点,但我一直在努力找到用redux存储东西的正确模式.
说我有这样一张桌子:
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
我正在从我的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) 我有这个反应组件。它传递了一个名为 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) reactjs ×4
javascript ×3
redux ×2
arrays ×1
babeljs ×1
ecmascript-6 ×1
list ×1
normalizr ×1
postgresql ×1
react-redux ×1
sql ×1