使用immutable.js为过滤器搜索按钮反应本机设置初始状态

时间:2018-11-21 08:19:29

标签: javascript reactjs react-native redux immutable.js

我想为我的搜索功能呈现过滤器选项按钮的列表。因此,用户可以根据这些价格类别(便宜,正常,昂贵)过滤搜索内容

我按如下所示在redux状态下列出了过滤器按钮列表

priceFilter:new (Record({
            options:new (Record({
                cheap:new (Record({
                    id:10,
                    text: 'Cheap'
                }))(),
                normal:new (Record({
                    id:30,
                    text: 'Normal'
                }))(),
                expensive:new (Record({
                    id:40,
                    text: 'Expensive'
                }))(),
            }))(),
        }))(),

但是这不起作用,我尝试使用此文本(但未定义)访问廉价文本

this.props.search.priceFilter.options.map((option, index) =>
     <Text>{option.id} {option.text}</Text>
)

我尝试了console.log道具this.props.search.priceFilter.options也未定义

我的初始状态结构有问题吗?这样嵌套Record是非法的吗?如果是这样,什么是正确的结构?

0 个答案:

没有答案