我该如何解决这个问题？列表索引必须是整数或切片，而不是str

Question

试图获得调整百分比。高和调整关闭，来自WIKI / GOOGL数据。 但出现错误

import React, { useState } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  const componentA = <div>I am component 1</div>;
  const componentB = <div>I am another component (2)</div>;

  const overviewGrid = (
    <div>
      <button
        onClick={() =>
          setCurrComponent(() => {
            return componentA;
          })
        }
      >
        Open component a
      </button>
      <button
        onClick={() =>
          setCurrComponent(() => {
            return componentB;
          })
        }
      >
        Open component b
      </button>
    </div>
  );
  const [currComponent, setCurrComponent] = useState(overviewGrid);
  const pages = [
    {
      id: 0,
      component: () => {
        return componentA;
      }
    },
    {
      id: 1,
      component: () => {
        return componentB;
      }
    }
  ];
  return <div className="App">{currComponent}</div>;
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

----> 1 df ['HL_PCT'] =（df ['Adj。High']-df ['Adj。Close']）/ df ['Adj。关闭'] * 100.0

TypeError：列表索引必须是整数或切片，而不是str