如何重置 useSelector 值或数组或对象以清空 React Native

Question

我有一个简单的问题。我正在与 ReduxToolKit 一起实现 useSelector Hook React Native。但是现在当 useSelector 有数据或不为空时出现问题，每次我改变我的屏幕时 useSelector 数据保持相同的数据。

我希望在切换屏幕时我的 useSelector 数据再次为空数组。

我该如何解决这个问题？

谢谢

编辑：

ApiChartingSlice.js

export const ApiChartingDataThunk = createAsyncThunk(
    'ApiChartingData',
    async (data) => {        
        try {
            const {chart, ticker} = data;        
            const response = await ApiChartingData(chart, ticker);               
            return response;      
        } catch (error) {                 
            return console.log({ error: error.message });            
        }        
    }     
)

// status: 'idle' | 'loading' | 'succeeded' | 'failed',
export const ApiChartingDataSlice = createSlice({
    name: 'ApiChartingData',   
    initialState: {
        apiData: [],
        status: 'idle',
        error: null
    },
    reducers: {},   
    extraReducers: {                
        [ApiChartingDataThunk.pending.type]: (state, action) => {            
            state.playerList = {
                status: state.status = 'loading',
                apiData: [],
                error: {},
            };
        },
        [ApiChartingDataThunk.fulfilled.type]: (state, action) => {
            state.playerList = {
                status: state.status = 'idle',                
                apiData: state.apiData = action.payload,
                error: {},
            };
        },
        [ApiChartingDataThunk.rejected.type]: (state, action) => {
            state.playerList = {
                status: state.status = 'failed',
                apiData: [],
                error: action.payload,
            };
        },
    }
});

ChartUserCard.js

 const tickerData = useSelector(state => state.ApiTicker.apiData);


const checkTicker = useCallback(() => {                   
        dispatch(ApiTickerThunk(inputValue))        
        .unwrap()
        .then((originalPromiseResult) => {   
            // console.log(originalPromiseResult);
        })
        .catch((rejectedValueOrSerializedError) => {        
            console.log(rejectedValueOrSerializedError);                          
        });                       
        
        setStart(true);
    }, [dispatch, inputValue, tickerData]);

在这里：const tickerData = useSelector(state => state.ApiTicker.apiData);

我想重置 tickerData。

Answer 1

感谢@this.arjun.

const dataThunk = {chart: "", ticker: ""};    
const tickerThunk = "";

 const resetDataThunk = useCallback(() => {                   
        dispatch(ApiTickerThunk(tickerThunk));
        dispatch(ApiChartingDataThunk(dataThunk));        
    }, [dispatch]);

只需使用调度空数据。

如何重置 useSelector 值或数组或对象以清空 React Native

How To Reset useSelector Value or Array or Object to Empty React Native

react-native

react-hooks

redux-toolkit