Создайте приложение реакции с npx, которое использует классы, а не хуки

Question

Я хочу использовать npx create-react-app . для создания нового приложения реагирования, но я хочу, чтобы версия была изменена так, чтобы она генерировалась со структурами классов, а не с новой структурой хуков.

Я попытался изменить версию react и React-DOM в package.json и запустить npm i, но это не перезаписывает старое приложение.

Answer 1

Вчера я использовал npx create-Reaction-app, и приложение было сгенерировано на основе классов.

Решение 1) Попробуйте снова запустить npx create-реагировать-приложение

Решение 2) Если вы запустите npx, создайте приложение-реакции, и оно все еще сгенерирует для вас приложение на основе хуков.Вы можете удалить компоненты на основе хуков и создать свой собственный компонент на основе классов.Кроме того, CRA предоставляет App.js, который вы можете легко изменить по своему усмотрению.Если вы используете Vscode, есть расширение реакции, которое может легко помочь с созданием компонента класса React.

Answer 2

Если я правильно помню, созданный шаблонный App.js вообще не использует хуков, но использует функциональные компоненты.Просто замените его на что-то вроде:

Версия функционального компонента:

import React from 'react';

function App() {
  return (
    < ...this will go inside the render() method... >
  );
}

Компонент класса:

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (< ... >)
  }
}

Не забудьте импортировать { Component },или альтернативно используйте extends React.Component.