Question

我在父组件中有这个

<StatusDropdown className="pull-right" />

然后我有一个像这样的功能组件

import classNames from 'classnames'

    const StatusDropdown = (props) => (
        <div className={classNames('dropdown', {props.className})}></div>
    )

    export default StatusDropdown;

但是我在props.className中得到了意外的令牌，我不能将className作为道具传递吗？

Answer 1

只需在我们的父组件上将名称更改为forwardClassName即可。 className由组件内部使用。

<StatusDropdown forwardClassName="pull-right" />

import classNames from 'classnames'

const StatusDropdown = (props) => (
    <div className={classNames('dropdown', props.forwardClassName)}></div>
)

export default StatusDropdown;

传递className作为道具失败的反应

1 个答案: