9、实时推特流与看板项目管理工具开发

实时推特流与看板项目管理工具开发

实时推特流

在处理实时推特流时，我们主要关注两个组件：Tweets 组件和 Sentiment 组件。

Tweets 组件

我们希望渲染经过活动过滤器筛选的推文，而不是所有传入的推文。具体操作如下：
1. 查询存储，获取当前活动的过滤器。
2. 通过匹配短语将推文筛选到一个新数组中。

以下是 TweetsList 组件的代码：

const TweetsList = ({tweets}) => { const text = ( <div> {tweets.map(data => <Tweet key={data.id} tweet={data.tweet} score={data.sentiment}/>)} </div> ); return ( <div>{text}</div> ); };

在 TweetsList 组件中，我们遍历所有经过筛选并作为属性传递的推文，并渲染子组件 Tweet，该组件负责处理每条推文的外观。Tweet 组件的代码如下：

const Tweet = ({tweet, score}) => { return ( <div className="card"> <div className="ca