mapStateToProps에서 처리 시 props 값을 못가지고 오네요

React
1

import React from ‘react’;
import BookForm from ‘./BookForm’;
import { connect } from ‘react-redux’;
import { editBook } from ‘…/…/actions/books’;

const EditBook = (props) => (
<div className=‘container__box’>
<BookForm
book={props.book}
onSubmitBook={(book) => {
props.dispatch(editBook(props.book.id, book));
props.history.push(’/’);
}}
/>
</div>
);

const mapStateToProps = (state, props) => {
return {
book: state.find((book) =>
book.id === props.match.params.id)
};
};

export default connect(mapStateToProps)(EditBook);

mapStateToProps에서 book 값을 셋팅하고 BookForm 컴포넌트에다 book 갑을 넘겨주려고 하는데
book 값이 안넘어 오네요 ㅠㅠ 혹시 아시는 분 조언 부탁드립니다

2

마크다운으로 코드를 재작성하시면 보기 좋을거 같습니다.

import React from ‘react’;
import BookForm from ‘./BookForm’;
import { connect } from ‘react-redux’;
import { editBook } from ‘…/…/actions/books’;

이런 식으로 ``` 감싸주세요.

3

네 감사합니다

4

state에 바로 find하는게 이상합니다.
state.books.find 같은 형태인데 누락하신거 아닌가요?