使用HTML和CSS反应组件语法

尝试使用React创建一个简单的类似/不同组件。如何使用<i class="fal fa-thumbs-down">标记和类来呈现此组件以设置图标样式？我这里的语法有些错误。

class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}
render() {
if (this.state.liked) {
return (
<i class="fal fa-thumbs-down"></i>
{ onClick: () => this.setState({ liked: false }) }
);
}
return (
<i class="fal fa-thumbs-up"></i>
{ onClick: () => this.setState({ liked: true }) }
);
}
}