Шаблон для компонента React с доступом к lowdb

#reactjs #lowdb

#reactjs #lowdb

Вопрос:

Я ищу шаблон для компонента react. Он должен включать lowdb. Кто-то уже создал его?

Ответ №1:

Хорошо, я не получаю доступ к lowdb через интерфейс. Я использую Axios для отправки запроса на мой серверный сервер node / express и ответа данными lowdb. Требуется, чтобы вы знали, как взаимодействовать с интерфейсом react и серверной частью node / express на разных портах. Я не позволяю express отображать мое react-приложение… выглядит примерно так и axios в качестве зависимости в пакете.json импорт Axios из ‘axios’:

 export default class Status extends Component {
  constructor(props) {
    super(props);
    this.state = "";
  }
  componentWillMount() {
    Axios.get("http://localhost:4000/dbUserAuth").then((res) => {
      let authState = res.data;
      if (authState) {
        this.setState({ authState });
      }
    });
  }
  

Это отправляет запрос на мой серверный сервер node.js / express, который работает на порту 4000. Интерфейс работает на 2000.
Серверная часть может выглядеть примерно так:

 server.get("/dbUserAuth", (request, response) => {
  function resAuthData() {
    let array = [];
    const dbUserAuth = db.get("UserAuth[0]").value();
    const dbChatIdFound = db.get("UserAuth[1]").value();
    const botActive = db.get("UserAuth[2]").value();
    array.push(dbUserAuth, dbChatIdFound, botActive);
    response.send(array);
  }
  resAuthData();
});
  

Надеюсь, кому-то понадобятся эти фрагменты.
с наилучшими пожеланиями