[DevExtream]Tabpanel

Contaner 안에 두개로 나누고 싶은 Tab을 TabPanel안에 랜더링 시킨다.

import { TabPanel } from "devextreme-react";
import { Item } from "devextreme-react/tab-panel";
import TestDetail_one from "./TestDetail_one";
import TestDetail_two from "./TestDetail_two";
import 'devextreme/dist/css/dx.light.css';
import '../css/TestContainer.css'

export default function TestContainer() {
  return (
    <div>
      <TabPanel className="tab-container">
        <Item title="Test1" render={TestDetail_one}/>
        <Item title="Test2" render={TestDetail_two}/>
      </TabPanel>
    </div>
  )
}

요런식으로 두가지로 나뉜 DetailTab 이안에 코딩을 하면 될거같다.