제가 하는 방식이 맞는지 모르겠어요
localStorage에 배열로 저장한거까지 나와서 그뒤로는 제가 해봤는데요
let [watched, watched변경]= useState([]); 를 만들고
useEffect가장 아래에 watched변경([...arr]);을 하고
ui에 <div className="col-md-4">
<p width="100%" >최근 본 상품</p>
<Watched watched={watched}></Watched>
</div>
Watched 컴포넌트는
function Watched(props){
return (
<div>
{props.item[0].title}
<Table responsive>
<thead>
<tr>
<th>이미지</th>
<td>상품명</td>
</tr>
</thead>
<tbody>
{
props.watched.map((a, i)=>{
return (
<tr key={i}>
<td><img src={'https://codingapple1.github.io/shop/shoes'+(a)+'.jpg'} width="50px" /></td>
<td>????</td>
</tr>
)
})
}
</tbody>
</Table>
</div>
)
}
이렇게 했는데 상품명에 저장된 a로 상품명을 가져오는 법을 모르겠어서 redux로 index페이지에 data.js를 추가해서
let shoes초기값 = Data;
function reducer3(state = shoes초기값){
return state;
}
이렇게 reducer3을 만들고</li>
function state를props화(state){
console.log(state)
return {
state : state.reducer, //stete안에 있는 모든 데이터를 state라는 이름의 props로 바꿔주세용
//이러면 state라고 쓰는 순간 안의 모든 데이터가 출력이 됨
alert열렸니 : state.reducer2,
item : state.reducer3
}
}
추가를 하고
function Watched(props){
return (
<div>
<Table responsive>
<thead>
<tr>
<th>이미지</th>
<td>상품명</td>
</tr>
</thead>
<tbody>
{
props.watched.map((a, i)=>{
return (
<tr key={i}>
<td><img src={'https://codingapple1.github.io/shop/shoes'+(a)+'.jpg'} width="50px" /></td>
<td>{props.item[JSON.parse(a)].title}</td>
</tr>
)
})
}
</tbody>
</Table>
</div>
)
}
watched 펑션에 <td>{props.item[JSON.parse(a)].title}</td> 이렇게 넣으면
따옴표를 떼고 a가 들어가서 data.js의 title을 가져올줄알았는데 안되네요
시작부터 잘못한거같은데 어떻게 해야할까요..
