如何将状态对象共享到另一个react文件

Question

在第一个react文件中，我调用了一个api来获取一些数据并将其保存在this.state.Data

import React, { Component } from "react";
import axios from "axios";
import Layout from "./Layout";
class Db extends Component {
constructor() {
super();
this.state = {
Data: [],
};
}
componentDidMount() {
axios.get(`https://breakingbadapi.com/api/characters`).then((res) => {
const data = res.data;
this.setState({ Data: data });
});
}
render() {
return <h1>DB working</h1>;
}
}
export default Db;

在另一个反应文件，我需要得到这个。props. data从Db.js文件，但我不知道如何得到它

import React, { Component } from "react";
import Db from "./Db";
class Filler extends Component {
constructor() {
super();

}
render() {
return <div></div>;
}
}
export default Filler;

Answer 1

对于小项目，你可以使用React ContextApi在全局级别保存状态，并在你想要的组件中使用它。

对于大型项目，你可以使用Redux这样的状态管理库。这对小项目来说太多了。