Как исправить Cannot read property 'length' of undefined?

Роман Александрович,
Весь компонент

// basic imports
import React, { Component } from "react";
import axios from "axios";
import { Link } from "react-router-dom";
import { FormattedMessage } from "react-intl";

// react placeholder
import ReactPlaceholder from "react-placeholder";
import "react-placeholder/lib/reactPlaceholder.css";

// reactstrap
import { Card, CardBody } from "reactstrap";

class PopularTags extends Component {
  constructor(props) {
    super(props);

    this.state = {
      popular_tags: [
        "This is",
        "just a",
        "mock data",
        "for tags.",
        "Just to",
        "show content",
        "placeholder."
      ],
      ready: false
    };
  }

  componentDidMount() {
    axios.get("/api/articles/popular_tags/").then(res => {
      this.setState({ popular_tags: res.data, ready: true });
    });
  }

  render() {
    const { popular_tags } = this.state;

    return (
      <React.Fragment>
        <Card className="sticky_sidebar__item">
          <CardBody>
            <p className="fs-14" style={{ color: "#818181" }}>
              <FormattedMessage id="sidebar.actual_now" defaultMessage="Actual now" />
            </p>
            {/* tags list */}
            {popular_tags!==undefined&&popular_tags.length > 0
              ? popular_tags.map((tag, index) => {
                  return (
                    <React.Fragment key={index}>
                      <ReactPlaceholder
                        showLoadingAnimation
                        type="textRow"
                        delay={2000}
                        ready={this.state.ready}
                        style={{
                          width: "25%",
                          display: "inline-block",
                          marginRight: 10
                        }}
                        >
                        <Link
                          to={`/tag/${tag.name}`}
                          className="popular_tags_item"
                          >
                          {`#${tag.name}`}
                        </Link>
                      </ReactPlaceholder>
                    </React.Fragment>
                  );
                })
              : null}
          </CardBody>
        </Card>
      </React.Fragment>
    );
  }
}

export default PopularTags;

Как исправить Cannot read property 'length' of undefined?

Роман Александрович, Вот консоль

Как исправить Cannot read property 'length' of undefined?

Роман Александрович, Все равно TypeError: t.map is not a function

Как исправить Cannot read property 'length' of undefined?

Роман Александрович,
Странно, теперь ругается на
TypeError: t.map is not a function

{popular_tags.length > 0
              ? popular_tags.map((tag, index) => {
                  return (
                    <React.Fragment key={index}>
                      <ReactPlaceholder
                        showLoadingAnimation
                        type="textRow"
                        delay={2000}
                        ready={this.state.ready}
                        style={{
                          width: "25%",
                          display: "inline-block",
                          marginRight: 10
                        }}
                        >
                        <Link
                          to={`/tag/${tag.name}`}
                          className="popular_tags_item"
                          >
                          {`#${tag.name}`}
                        </Link>
                      </ReactPlaceholder>
                    </React.Fragment>
                  );
                })
              : null}

Как исправить Response for preflight is invalid (redirect)?

Анатолий Жаров, Да, спасибо,с расширением работает!
Но если у пользователя не будет этого расширения он будет получать эту ошибку?

Как исправить Response for preflight is invalid (redirect)?

Анатолий Жаров,
Все равно...
Теперь вот так пишет

Failed to load http://127.0.0.1:8000/api/user/username: 
Redirect from 'http://127.0.0.1:8000/api/user/username' to 'http://127.0.0.1:8000/api/user/username/' 
has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:3000' is therefore not allowed access.

Как исправить Response for preflight is invalid (redirect)?

В том то и дело, что corsheaders установлен. Все голову сломал.
Апи работает...

Как исправить TypeError: Cannot read property 'name' of undefined?

Тоже самое

Свойство "e" объявлено, но его значение не было прочитано.

Как добавить class в див по клику?

0xD34F, Сделал так, работает как надо, но почему -то только после второго нажатия...

state = {
    className: [ 'share' ]
  }
  handleClick = () =>{
    if (this.state.className === 'share'){
      this.setState({className: "share active"});
    } else {
      this.setState({className: 'share'});
    }
  }

<div className={this.state.className} >
   <Link to="#" onClick={this.handleClick}>
        <i className="icon-share-1"></i>
         <u>Поделиться</u>
  </Link>
</div>

Как добавить class в див по клику?

Прошу прощение, можете еще помочь также, но по клику.
то есть кликнул, получил класс active, кликнул еще раз класс исчез

Как вывести svg?

Роман Александрович, Спасибо, но это хорошо когда нужно подключить 1-2-3 иконки, но у меня их сотни, и каждую импортировать так
import Logo1 from './logo1.svg';
import Logo2 from './logo2.svg';
import Logo3 from './logo3.svg';
это будет не хорошо
Думал все в одном файле подключить и вызывать 1 файл

Как вывести svg?

Роман Александрович, Нет спасибо, так не устраивает!

Как сделать код html в одну строку?

Не совсем понял как это применить...
Это что?
>>> a = """

Как сделать код html в одну строку?

sim3x, Хочу

Как исправить ошибку django.db.utils.ProgrammingError?

longclaps, Вот весь код

Как исправить ошибку django.db.utils.ProgrammingError?

В том то и дело, что оно существует)

Как подключить jquery в vue компонент?

Ошибка ReferenceError: document is not defined

Как подключить jquery в vue компонент?

Выдает ошибку
Error: jQuery requires a window with a document