ReactにMaterial-UIを実装する方法
解決したいこと
Reactを活用してMaterial-UIを実装したいのですが、対処法がわからず質問させていただきました。
解決方法を教えていただけますと幸いです。
※プログラミングを始めたての者です。
例）
import React, { useState } from 'react';
const CountUp = () => {
const [count, setCount] = useState(0);
const increment = () =>{
setCount(count + 1);
};
const decrement = () => {
setCount(count - 1);
}
const kakezan = () => {
setCount(count * 2);
}
return (
<>
<h1>現在の値は{ count }です</h1>
<button onClick={increment}>+</button>
<button onClick={decrement}>-</button>
<button onClick={kakezan}>*2</button>
</>
);
};
export default CountUp;
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
下記のBasic button groupを追加しようとしたところ、反映されない状況です。
```react
import Button from '@mui/material/Button';
import ButtonGroup from '@mui/material/ButtonGroup';
export default function BasicButtonGroup() {
return (
<ButtonGroup variant="contained" aria-label="outlined primary button group">
<ButtonOne</Button>
<Button>Two</Button>
<Button>Three</Button>
</ButtonGroup>
);
};
### 自分で試したこと
ここに問題・エラーに対して試したことを記載してください。
0
