newthuhole/hole_thu_frontend
4
6
Fork 2
Code Issues 8 Pull Requests Projects Releases Wiki Activity

improve performance

Browse Source
This commit is contained in:
xmcp
2018-08-23 21:53:34 +08:00
parent 3e03ad84d8
commit c0ec079a93
5 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Common.js
View File

@@ -1,4 +1,4 @@
import React, {Component} from 'react';
import React, {Component, PureComponent} from 'react';
import TimeAgo from 'react-timeago';
import Linkify from 'react-linkify';
@@ -36,19 +36,21 @@ export function TitleLine(props) {
)
}
export function HighlightedText(props) {
let parts=[].concat.apply([], props.text.split(PID_RE).map((p)=>p.split(NICKNAME_RE)));
return (
<Linkify properties={{target: '_blank'}}>
<pre>
{parts.map((p,idx)=>(
<span key={idx}>{
PID_RE.test(p) ? <a href={'##'+p} target="_blank">{p}</a> :
NICKNAME_RE.test(p) ? <span style={{backgroundColor: props.color_picker.get(p)}}>{p}</span> :
p
}</span>
))}
</pre>
</Linkify>
)
}
export class HighlightedText extends PureComponent {
render() {
let parts=[].concat.apply([], props.text.split(PID_RE).map((p)=>p.split(NICKNAME_RE)));
return (
<Linkify properties={{target: '_blank'}}>
<pre>
{parts.map((p,idx)=>(
<span key={idx}>{
PID_RE.test(p) ? <a href={'##'+p} target="_blank">{p}</a> :
NICKNAME_RE.test(p) ? <span style={{backgroundColor: props.color_picker.get(p)}}>{p}</span> :
p
}</span>
))}
</pre>
</Linkify>
)
}
}