function Counter(props) {　　と関数をセットするところで
この引数のpropsの中身をReact Developer Toolでみてみると、
props
counter{color: "tomato", count: 0, id: "A"}
counter{color: "skyblue", count: 0, id: "B"}
counter{color: "limegreen", count: 0, id: "C"}
なのですが、これはコードのどこで定義されているのでしょうか？

class Appの中で定義された
　this.state の内容を参照しているように見えるのですが（順番が逆になってますが）、どういう仕組みなのでしょうか？