質問編集履歴
1
App.tsxなどのソースコードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,26 @@
|
|
|
12
12
|
一方で、http://localhost:3001/individuals/1111111111 からhttp://localhost:3001/treatments/1 のような親パス?が別のところに飛ぶリンクは他の場所で数個実装していて、問題なく動作しています。
|
|
13
13
|
|
|
14
14
|
### 該当のソースコード
|
|
15
|
+
App.tsx
|
|
16
|
+
```typescript
|
|
17
|
+
...
|
|
18
|
+
<Router>
|
|
19
|
+
<Route path="/individuals/*" element={<Individuals />} />
|
|
20
|
+
</Router>
|
|
21
|
+
...
|
|
22
|
+
```
|
|
23
|
+
Individuals.tsx
|
|
24
|
+
```
|
|
25
|
+
...
|
|
26
|
+
<Routes>
|
|
27
|
+
<Route path="/" element={<AllIndividuals />} />
|
|
28
|
+
<Route path="/:individualId" element={<ShowIndividual />} />
|
|
29
|
+
<Route path="/new" element={<NewIndividual />} />
|
|
30
|
+
</Routes>
|
|
31
|
+
...
|
|
32
|
+
```
|
|
15
33
|
|
|
34
|
+
IndividualShow.tsx
|
|
16
35
|
```typescript
|
|
17
36
|
import Link from '@mui/material/Link';
|
|
18
37
|
import { Link as RouterLink } from 'react-router-dom';
|
|
@@ -29,6 +48,8 @@
|
|
|
29
48
|
### 試したこと
|
|
30
49
|
|
|
31
50
|
MUIを使わなくしたり、divのテキストの中身を変えてもやはり変化はありません。
|
|
51
|
+
また、リンクを<Link component={RouterLink} to='/individuals/2451191230'>と静的なものにしてもやはり動作せず。
|
|
52
|
+
意図的にindividualsをindividual(存在しないパス)にして<Link component={RouterLink} to='/individual/2451191230'>とすると遷移先を描画してくれました。
|
|
32
53
|
|
|
33
54
|
### 補足情報（FW/ツールのバージョンなど）
|
|
34
55
|
|