Победа - визуализация данных

Question

Я пытаюсь использовать Victory для своего проекта React, но по какой-то причине он не работает.

Код, который я использую:

class App extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      data: this.getData()
    };
  }

  componentDidMount() {
    this.setStateInterval = window.setInterval(() => {
      this.setState({
        data: this.getData()
      });
    }, 3000);
  }

  componentWillUnmount() {
    window.clearInterval(this.setStateInterval);
  }

  getData() {
    const bars = random(6, 10);
    return range(bars).map((bar) => {
      return {x: bar + 1, y: random(2, 10)};
    });
  }

  render() {
    return (
      <VictoryChart
        domainPadding={{ x: 20 }}
        animate={{duration: 500}}
      >
        <VictoryBar
          data={this.state.data}
          style={{
            data: { fill: "tomato", width: 12 }
          }}
          animate={{
            onExit: {
              duration: 500,
              before: () => ({
                _y: 0,
                fill: "orange",
                label: "BYE"
              })
            }
          }}
        />
      </VictoryChart>
    );
  }
}

ReactDOM.render(<App/>, mountNode)

, где я использовал большинство компонентовв разных частях моей функции.

Я получаю ошибку:

  Line 28:18:  'random' is not defined  no-undef
  Line 29:12:  'range' is not defined   no-undef
  Line 30:30:  'random' is not defined  no-undef

Search for the keywords to learn more about each error.

Я не знаю, что импортировать, поскольку я только что добавил компоненты Victory

Answer 1

Вот функция, альтернативная той, которую вы использовали, это был недопустимый JavaScript. Откуда ты это взял?

 const getData = () => {
   let arr = [];
  for (let i = 0; i < 15; i++) {
   arr.push({ x: x[i], y: y[Math.random(2, 10)] });
  }
  return arr;
 };