我一直收到不变违规的错误,但我真的不知道为什么...它肯定与OverlayTriggers有关。如果将它们删掉,一切就正常了。
导入:
import Col from 'react-bootstrap/lib/Col';
import Row from 'react-bootstrap/lib/Row';
import Tooltip from 'react-bootstrap/lib/Tooltip';
import OverlayTrigger from 'react-bootstrap/lib/OverlayTrigger';
应该呈现一个键/值对的列表项,其中值具有工具提示:
const renderCustomField = (field,customFields) => {
const tooltip = (<Tooltip id="tooltip">{customFields[field]['sub']}</Tooltip>)
return (
<li>
<OverlayTrigger placement="top" overlay={tooltip}>
{field}
</OverlayTrigger>
</li>
)
}
想要渲染自定义字段的类:
export default class EventHeaderCustomFields extends Component {
render () {
const customFieldsNames = Object.keys(this.props.customFields);
return (
<Col xs={12}>
<h4><strong>Short overview:</strong></h4>
<ul>
{customFieldsNames.map(
(field) => renderCustomField(field,this.props.customFields)
)}
</ul>
</Col>
)
}
}
EventHeaderCustomFields.propTypes = {
eventData:PropTypes.object
};