title: Reduce the number of times a class/function being called in a table
body: <p>I have a table on my website. Then I have a style that is being used in my <code>&lt;td&gt;</code>. However, I do not want to type the style out so many times in my code. </p>
  
  <p>This is the function I declared.</p>
  
  <pre><code>const tdStyle = {
    paddingLeft: "35px",
    paddingRight: "35px",
    paddingBottom: "10px",
    paddingTop: "10px"
  };
  </code></pre>
  
  <p>This is the code on my page.</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td style={tdStyle}&gt;NA&lt;/td&gt;
  &lt;td style={tdStyle}&gt;NA&lt;/td&gt;
  &lt;td style={tdStyle}&gt;NA&lt;/td&gt;
  &lt;td style={tdStyle}&gt;NA&lt;/td&gt;
  &lt;td style={tdStyle}&gt;NA&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Is there any way that I do not have to type the style={tdStyle} so many times?</p>