Reactjs 如何在函数中定义道具

我是一个新的反应，我试图使用道具的功能，我不知道如何使用它。这是代码

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);

从“React”导入React；
导入“./Card.css”；
从'react redux'导入{connect}；
从“../actions/addAction”导入{addBasket}；
功能卡（{props}，{图像、标题、作者、价格}）{
返回(
{props.title}
{props.author}
英镑{道具价格}
加入篮子
);
}
导出默认连接（空，{addBasket}）（卡）；

这就是我得到的错误。 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>

{props.title}
{props.author}

更换

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

与

---

我建议在使用Redux之前，先浏览一下。

卡片（{props}，{image，title，author，price}）{

删除

{props}，

，如果我删除了道具，说明道具没有定义

function Card(props) {