I'm playing with reactjs and svg. I'm trying to pass multiple element states from App to Circle. Is there a way of passing it in one go, as opposed to 

```
<Circle h={this.state.h} w={this.state.w} and so on />

```

See the code below: 

```
class Circle extends React.Component {
  render() {
    return (
      <svg height="100" width="100">
        <circle cx="50" cy="50" r="40" 
          stroke="black" stroke-width="3" fill="red" 
        />
      </svg> 
    )
  }
}

class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      h: 100,
      w: 100,
      cx: 50,
      cy: 50,
      r: 40,
      stroke: "black",
      fill: "red"
    }
  }
  render() {
    return (
      <div>
      <Circle />
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('app'))

```