Создать контейнер userInfo в React

Question

Я работаю с установкой нового экспортируемого класса, который может экспортировать константы со значением в реагировать.

Я инициирую states в своем классе экспорта, как мне экспортировать переменные и получить значения.

Я хочу сделать states константой и экспортировать константу, чтобы можно было извлечь ее, импортировав класс в другой файл JS.

Как это сделать и как получить значение константы.

Ниже приведена концепция, которую я получил от

UserInfo.js

  `export default class UserInfo extends React.Component {
   state = {
     userName: null,
     userType: null,
     userEmail: null,
     userCourse: [],
     registeredCourse: []
   }
    this.setState({
     userName: 'a',
     userType: 'b',
     userEmail: 'c',
     userCourse: ['d','e','f'],
     registeredCourse: ['g','h']
    })
    render(){
       const userType = this.state.userType
       return(
         userType
     )
    }`

user.js

`import UserInfo from './UserInfo'

 class App extends React.Component{
    render(){
      return(
        <div>{UserInfo.userName}</div>
      )
    }
 }`

Answer 1

Существует два способа:

1. Объявить состояние вне класса приложения и затем экспортировать его.

   export const states= {
     userName: 'a',
     userType: 'b',
     userEmail: 'c',
     userCourse: ['a','b','c'],
     registeredCourse: ['a','b']
   };
   
   
   export default class UserInfo extends React.Component {
    enter code here
   }
   
   render(){
      console.log(`state is: ${ state}`);
   }
   

   Импортировать его в другой класс, как этот

   import { UserInfo, states, } from 'path/to/UserInfo';
   
   console.log(`test is: ${ test }`);
   

2. Или вы можете использовать свойство Stati c для доступа к нему в другом модуле.

   class State extends React.Component {
         static states= {
            userName: 'a',
            userType: 'b',
            userEmail: 'c',
            userCourse: ['a','b','c'],
            registeredCourse: ['a','b']
         };
   }
   

   А затем используйте его

   console.log(State.states);