外部ライブラリ
利用可能な外部ライブラリ一覧
ビューでは、下記の外部ライブラリをimportして使用できます。
名前 | URL |
---|---|
react | https://www.npmjs.com/package/react (opens in a new tab) |
dayjs | https://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;