title: How to iterate through <span>s with Arrow keys
body: <p>I have a few spans:</p>
  
  <pre><code>&lt;span&gt;Item 1&lt;/span&gt;
  &lt;span&gt;Item 2&lt;/span&gt;
  &lt;span&gt;Item 3&lt;/span&gt;
  </code></pre>
  
  <p>The items are all next to another. I would like the user to press the arrow keys (left &amp; right) &amp; then move through the spans (in my case this would update the current object and dispatch an action).</p>
  
  <p>Edit: I do not have any sample code, as I am an absolute beginner. But I also do not expect anyone to post a working solution here, I would just like to have some general advice how I would conceptually approach this in React/Redux.</p>