亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在搜索結果中包含嵌套的地圖數組值

在搜索結果中包含嵌套的地圖數組值

肥皂起泡泡 2021-10-07 10:51:17
我在一個數組中有任意數量的對象,每個對象都有一個嵌套的 subValues 數組。我正在努力能夠使用搜索過濾組件。我能夠成功搜索父級對象,但我一直希望能夠根據每個頂級嵌套值數組進行過濾。就我而言,我可以搜索value, 這是一個字符串,但我不知道如何搜索subValues,這是一個包含任意數量字符串的數組。在我下面的代碼段中,您可以看到搜索“一”、“二”等將返回父級別value,但如果您嘗試搜索“子”,則數組中不會返回任何內容subValues。任何指導將不勝感激。class App extends React.Component {    constructor(props) {        super(props)        this.state = {            currentValue: null,            search: '',        }    }    updateSearch = (event) => {        this.setState({            search: event.target.value,        })    }    render() {        const Values = {            valuesList: [{                value: 'value one',                subValues: [                    'sub value one',                    'sub value two',                ]            }, {                value: 'value two',                subValues: [                    'sub value three',                    'sub value four',                ]            }, {                value: 'value three',                subValues: [                    'sub value five',                    'sub value six',                ]            }            ]        };        let filteredValues = Values.valuesList.filter(            (values) => {                return (                    values.value.toLocaleLowerCase().indexOf(this.state.search.toLocaleLowerCase()) !== -1                );            }        );        var renderValues = filteredValues.map((valueItem, i) => {            var renderSubValues = valueItem.subValues.map((subValues, j) => {                return (                    <p key={j}>{subValues}</p>                )            });            return (                <div                    onClick={() => this.getValue(valueItem.value)}                    key={i}                >                    <p>{valueItem.value}</p>                    <p>{renderSubValues}</p>                </div>            )        })
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號