Реагируй Родной. Фильтр FlatList - ошибка "index = 10 count 0" - PullRequest
Новая
       8

Реагируй Родной. Фильтр FlatList - ошибка "index = 10 count 0"

0 голосов
/ 28 октября 2019

Моя задача - отфильтровать некоторый массив и установить для него FlatList.

Моя функция фильтра: 

updateInvoiceList = (text) => {
  let invoiceList = [...this.state.baseInvoiceList];
    invoiceList = invoiceList.filter(el => {
     return el.name.toLowerCase().includes(text.toLowerCase())
    });
  this.setState({invoiceList})
}

После фильтрации я предоставляю state.invoiceList для FlatList, и все работает правильно,Но когда я устанавливаю какой-то символ, которого нет в моем массиве, например «!», Функция очищает массив, и он все равно ведет себя правильно. Когда я удаляю символ «!», Я получаю сообщение об ошибке: 

 index=10 count=0
addInArray
    ViewGroup.java:5235
addViewInner
    ViewGroup.java:5128
addView
    ViewGroup.java:4935
addView
    ReactViewGroup.java:452
addView
    ViewGroup.java:4875
addView
    ReactViewManager.java:269
addView
    ReactViewManager.java:36
manageChildren
    NativeViewHierarchyManager.java:346
execute
    UIViewOperationQueue.java:227
run
    UIViewOperationQueue.java:917
flushPendingBatches
    UIViewOperationQueue.java:1025
access$2600
    UIViewOperationQueue.java:46
doFrameGuarded
    UIViewOperationQueue.java:1085
doFrame
    GuardedFrameCallback.java:29
doFrame
    ReactChoreographer.java:166
doFrame
    ChoreographerCompat.java:84
run
    Choreographer.java:964
doCallbacks
    Choreographer.java:790
doFrame
    Choreographer.java:721
run
    Choreographer.java:951
handleCallback
    Handler.java:883
dispatchMessage
    Handler.java:100
loop
    Looper.java:214
main
    ActivityThread.java:7356
invoke
    Method.java
run
    RuntimeInit.java:492
main
    ZygoteInit.java:930

Что я сделал не так?

1 Ответ

0 голосов
/ 28 октября 2019

Пожалуйста, улучшите вашу функцию. 

updateInvoiceList = (text) => {
  let invoiceList = [];
  const { baseInvoiceList } =  this.state;
  if(text){
     invoiceList = baseInvoiceList.filter(item => {
       return item.name.toLowerCase().includes(text.toLowerCase());
     });
 }
 this.setState({invoiceList});
}
...