ビュー
外部ライブラリ

外部ライブラリ

利用可能な外部ライブラリ一覧

ビューでは、下記の外部ライブラリをimportして使用できます。

名前URL
reacthttps://www.npmjs.com/package/react (opens in a new tab)
dayjshttps://www.npmjs.com/package/dayjs (opens in a new tab)

使用例

import { useState, useCallback } from "react";
import dayjs from "dayjs";
import { Button, Box, Card, VStack } from "@basemachina/view";
 
const date = dayjs().format("YYYY-MM-DD HH:mm:ss");
 
const App = () => {
  const [showDate, setShowDate] = useState(false);
  const handleClick = useCallback(() => {
    setShowDate(true);
  }, [setShowDate]);
 
  return (
    <Card>
      <VStack>
        <Box>
          {`日付: ${showDate ? date : ''}`}
        </Box>
        <Button title="日付を表示する" onClick={handleClick} />
      </VStack>
    </Card>
  );
};
 
export default App;