javascript - 点击事件在反应的地图上不可用

Question

{userList.map(v => (
    <Card
        key={v.user}
        onClick={() =>
            console.log("object")
        }
    >
        <Card.Header
            title={v.user}
            thumb={require(`../img/${v[tableName].avatar}.png`)}
            extra={<span>{v[tableName][extra]}</span>}
        />
        <Card.Body>
            {v[tableName].desc.split(/\n/g).map((v, k) => (
                <li  key={k}>{v}</li>
            ))}
        </Card.Body>
    </Card>
))}

.map()点击事件在 React中的函数上不可用

标签： javascriptreactjs

Answer 1

React Material UI 的 Card Component 不支持 onClick 属性，所以你不应该使用它。快速修复是将其包含在 div 中并在 div 上添加 onClick ，如下所示：

<div onClick=> {() =>
               console.log("object")
             }>
    <Card>
     .....
    </Card>
</div>

或者您可以使用一些不同的库： https ://material-ui.com/api/card-action-area/