类型错误:无法将 ReactJS 中对象“#<对象>”的只读属性“导出”分配给只读属性

Question

所以我要实现的是在我的应用程序中获取一个变量，并能够在其他页面中使用它。此变量从导航栏进行操作，导航栏可从需要的每个页面访问。"App.js"基本上只是一个导航栏，其他页面显示在它下面。其他页面需要从导航栏中选择/分配的值才能从数据库中提取信息。

应用.js

let year;
let term;
class App extends Component {
  render() {
    // Here I do things and assign the variables on top values
  }
export default App;
module.exports = year;
module.exports = term;

然后，在我的一个页面上

var year = require("./AdminApp");
var term = require("./AdminApp");
class ViewStudents extends Component {
  constructor(props) {
    super(props);
    this.state = {
      year: year,
      term: term
    }
  }
  render() {
    // Do more magic
  }
export default ViewStudents;

这些是我的代码的摘要版本，其中包括我遇到问题的部分。任何帮助不胜感激！提前感谢！

Answer 1

像这样使用命名导出。

应用.js

let year;
let term;
class App extends Component {
  render() {
    // Here I do things and assign the variables on top values
  }
export default App;
export { year, term };

在您的页面中：

import { year, term } from "./AdminApp";
class ViewStudents extends Component {
  constructor(props) {
    super(props);
    this.state = {
      year: year,
      term: term
    }
  }
  render() {
    // Do more magic
  }
export default ViewStudents;