Fix duplicate react key issue

Signed-off-by: Clement Ho <ClemMakesApps@gmail.com>
This commit is contained in:
Clement Ho 2016-06-01 13:09:05 -05:00
parent 15035af444
commit 31358ef047
1 changed files with 5 additions and 3 deletions

View File

@ -36,9 +36,11 @@ module.exports = React.createClass({
},
render: function () {
let logs = this.props.container.Logs ?
this.props.container.Logs.map((l) => <div key={l.substr(0,l.indexOf(' '))} dangerouslySetInnerHTML={{__html: convert.toHtml(escape(l.substr(l.indexOf(' ')+1)).replace(/ /g, '&nbsp;<wbr>'))}}></div>) :
['0 No logs for this container.'];
let logs = this.props.container.Logs ? this.props.container.Logs.map((l, index) => {
const key = `${this.props.container.Name}-${index}`;
return <div key={key} dangerouslySetInnerHTML={{__html: convert.toHtml(escape(l.substr(l.indexOf(' ')+1)).replace(/ /g, '&nbsp;<wbr>'))}}></div>;
}) : ['0 No logs for this container.'];
return (
<div className="mini-logs wrapper">
<div className="widget">