4

client.js

import React from "react";
import ReactDOM from "react-dom";
import { VictoryBar } from "victory";

const data = [
  { quarter: 1, earnings: 13000 },
  { quarter: 2, earnings: 16500 },
  { quarter: 3, earnings: 14250 },
  { quarter: 4, earnings: 19000 },
];

class Main extends React.Component {
  render() {
    return (
      <div>
        <h1>Victory Tutorial</h1>
        //data 속성에 data 변수를 넘겨주고, x/y 속성에 key 값을 넘겨준다.
        <VictoryBar data={data} x="quarter" y="earnings" />
      </div>
    );
  }
}

const app = document.getElementById("app");
ReactDOM.render(<Main />, app);