如何在函数中定义道具

Question

我刚开始反应，我正在尝试在函数中使用道具，但我不知道如何使用它。这就是代码。

import React from 'react';
import './Card.css';
import { connect } from 'react-redux';
import { addBasket } from '../actions/addAction';
function Card({props},{image, title,author,price}) {
return (
<div className='card-container'>
<div className="image-container">
<img src={props.image} alt='' />
</div>
<div className="card-content">
<div className="card-title">
<h3>{props.title}</h3> </div>
<div className="card-author">
<h4>{props.author}</h4>
</div>
<div className="card-price">
<h3> <span>£{props.price}</span></h3> </div>
</div>
<div className="btn">
<button>
<a onClick={props.addBasket}>
Add to Basket
</a>
</button></div>
</div>
);
}
export default connect(null, { addBasket })(Card);

这就是我犯的错误。TypeError:无法读取未定义的属性"title">

</div>
<div className="card-content">
<div className="card-title">
<h3>{props.title}</h3> </div>
<div className="card-author">
<h4>{props.author}</h4>
</div>

Answer 1

更换

function Card({props},{image, title,author,price}) {

带有

function Card(props) {

我建议在使用Redux之前先阅读官方的React教程。