Как импортировать класс с его обновленным состоянием в React. js

Question

У меня есть класс с именем Scanned. js, который имеет начальное состояние

export default class Scanned extends Component {
    constructor(props) {
    super(props);
    this.state = {
          name: "No Name Found",
          licensePlate: "No License Plate Found",
          registrationNumber: "No Number Found",
          referencePlate: "No Plate to Reference"
    };

, затем он обновляется в части рендеринга Scanned. js, так что

this.state = {
      name: "No Name Found",
      licensePlate: "Jon",
      registrationNumber: "FJG-333",
      referencePlate: "FJG-333"
    };

Я потом go в другой файл и делаю

import Scanned from "./Scanned";

console.log(Scanned.state.name);

И я получаю ошибку. Что я делаю неправильно, и как правильно импортировать класс, чтобы получить обновленные значения, принадлежащие состоянию, и использовать значение имени?

Answer 1

Попробуйте:

export var props_scanned;
export default class Scanned extends Component {
    constructor(props) {
    super(props);
    this.state = {
          name: "No Name Found",
          licensePlate: "No License Plate Found",
          registrationNumber: "No Number Found",
          referencePlate: "No Plate to Reference"
    };
    props_scanned = this

}

Теперь в другом файле,

Убедитесь, что путь импорта указан правильно.

import {props_scanned} from './Scanned';

console.log(props_scanned.state.name);