Redux-Saga-将结果返回给被调用方函数，而不是调度新的操作

Question

我正在将我的react项目转移到redu&redux传奇。最初，我调用一个异步方法来获取大型数据集，然后将其设置为本地状态，类似于以下内容：

// Component.jsx
componentDidMount() {
const dataPromise = this.getTableData()
const data = await dataPromise
this.setState({ data })
}
getTableData = async() => {
const response = await APIUtils.getTableData()
let data = null
if (response && response.code === "200") {
data = response.data
}
return data
}

现在有了redux，我正在像这个一样更改它

// Component.jsx
componentDidMount() {
const data = this.props.getTableData() // how to get data here?
this.setState({ data })
}
// ActionCreator.js
function getTableData() {
return {
type: "GET_TABLE_DATA"
}
}
// saga.js
function *getTableData() {
try {
const response = yield call(APIUtils.getTableData)
...
// here I want to send this response.data to my comp without calling store action as the dataset is large and it is read-only.
} catch (err) {
yield put(showError(false))
}
}
export default function* root() {
yield all([
takeLatest("GET_TABLE_DATA", getTableData)
])
}

我是redux传奇的新手，任何人都告诉我什么是最好的方法。

Answer 1

您需要调度一个更新存储的操作。然后将组件连接到存储区，并从存储区获取数据。