Question

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

App.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

使用这样的命名导出。

App.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;

TypeError：无法在ReactJS中分配为只读对象'＃<Object>'的属性'exports'

1 个答案: