小编Cla*_*fou的帖子

我正在尝试将onClick事件添加到现有的svg.现在我有这个:

<g id="Group" onClick={this.clickGroup.bind(this, 1)}>

这有点有效但不完全......当我点击组时会触发事件,但可点击的"区域"与我想要点击的组不同(对我来说似乎完全随机).

有没有更好的方法将事件添加到<g>元素(使用React？)？

我在React中使用axios发出了这个POST请求:

postRunSimulation(simulationId) {
  var requestAnalysis = `${configFile.web.backend}analysis/${simulationId}/run`;
  return axios.post(requestAnalysis)
  .then(function (response) {
    return response.headers;
  }, function(error) {
    throw new Error('An error occurred : ' + error.status + ' - ' + error.statusText);
  });
},

我得到的对象有一个headers属性,但它是空的.如果我和Postman打同一个电话,我会收到标题.我究竟做错了什么 ？

我正在尝试在元素内部渲染一个对象(Panel元素react-bootstrap).

import React, { PropTypes } from 'react';
import { Panel } from 'react-bootstrap';

const NetworkDetail = React.createClass({
  render () {
    return (
      <Panel header="Network Details" bsStyle="info">
        {this.props.dataDetail && Object.keys(this.props.dataDetail).map(function(detail, id) {
            return <span key={id}>{this.props.dataDetail[detail]}</span>;
        }.bind(this))}
      </Panel>
    )
  }
})

export default NetworkDetail

但这不起作用.抛出的错误是

未捕获的不变违规:对象无效作为React子对象(找到:具有键{self}的对象).如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象.检查'NetworkDetail'的render方法.

我不明白的是,如果我使用

return <span key={id}>{this.props.dataDetail.myProperty}</span>;

有用.

如何渲染对象的所有属性和值？