Array Bindung mit Electronjs/Serialport & React/Redux

Question

Ich bin mit Reduzierungen seit einigen Tagen zu kämpfen, auch wenn nach der Aktion der Staat richtig erscheint, Reaktion Komponente nicht aktualisiert ...

if (getPorts.test(action)) { 
    var service = new SerialService(); 
    var dataResult = new Array<any>(); 
    service.listDevices(function (err: any, data: Array<any>) { 
    data.forEach((item) => { 
     dataResult.push({ ...item }) 
    }); 
    }); 
    return { 
    ...state, 
    ports: dataResult 
    }; 
} 

I habe viele Möglichkeiten, mit oder ohne Spread-Operator (mit object.assign())

Aus meinem Verständnis, ist möglicherweise etwas wegen des Rückrufs, die Geräte listet vermisst, denke, ich bin nicht gut verwalten, wie ich aktualisieren sollte die Benutzeroberfläche.

Irgendwelche Ideen oder beraten?

Answer 1

Ich nehme an, oben Code Schnipsel sind Teil der Reducer. Reducer sollte immer synchrone sein, Sie können nicht erwarten, asynchrone Aktualisierung in Ihrem Rückruf, um verbundene Komponente im Render-Zyklus korrekt zu aktualisieren. Versuchen Sie nach Redux-Middlewares zu suchen, um asynchrone Aktionen zu unterstützen.