title: Recharts - Pass value of dataKey to child component
body: <p>How can i pass the value of a dataKey to another component? I have a line chart with a custom dot, this dots needs a value from the data. How can i pass the value of a datakey to it?</p>
  
  <pre><code>const data = [
      { name: 'abc', value: '1' },
      { name: 'cde', value: '2',},
      { name: 'fgh', value: '3' }
      ...
  ];
  
  &lt;LineChart data={data} margin={{ right: 50, left: 50 }}&gt;
      &lt;Tooltip /&gt;
      &lt;Line type="monotone" dataKey="value" stroke="black" strokeWidth="1px" dot={&lt;CustomDot name={[[[name dataKey]]]} /&gt;} /&gt;
  &lt;/LineChart&gt;
  </code></pre>