Question

我正在尝试将一个类导入一个react类，但是当对象在该类中更改时，它返回的是不确定的。

class Test {
  constructor(){
    this.obj = {}
  }

  testFunc(){
    this.obj.one = 'two'
    // this returns the value
    console.log(this.obj.one)
  }
}

class App extends Component{
  constructor(){
    super()
    this.testClass = new Test()
  }

  componentDidMount(){
    this.testClass.testFunc()
    // this returns undefined
    console.log(this.testClass.obj.one)
  }
}

Answer 1

我认为您在应用程序组件上缺少渲染器

  constructor(){
    this.obj = {};
  }

  testFunc() {
    this.obj.one = 'two';
    // this returns the value
    console.log(this.obj.one);
  }
}

class App extends React.Component{
  constructor(){
    super()
    this.testClass = new Test();
  }

  componentDidMount(){
    this.testClass.testFunc();
    console.log('value =>', this.testClass.obj.one);
  }

  render() {
    return <div />;
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

Answer 2

I have done few tweaks. Your  code is working fine and returning the expected results.

您可以检查小提琴：

JS Fiddle

Answer 3

我认为，如果您想使用console.log(this.testClass.obj.one)，则需要在 this 函数中返回 testFunc() 关键工作

js类返回未定义的对象

3 个答案: