Javascript SyntaxError:需要<；的相应JSX结束标记；a>；。行（17:9）

因为我从上周开始就在React.js上工作。结束标记已经由我的anchor

);
}
导出默认应用程序；

---

由于我正在处理这个问题，我还没有发现这种类型的错误。我已经检查了所有标签的打开和关闭。请找出错误并提供最佳解决方案。

样式属性接受带有camelCased属性的JavaScript对象，而不是CSS字符串。

---

阅读

Typo：你为br元素添加了一个结束标记，而没有开始标记。你真的需要复习一下现代CSS，你的布局技术是从90年代开始的。实际上，我指的是一本旧书。因此，找一本现代书。您正在学习的技术过时的时间比它们是解决问题的最佳方法的时间还要长。现在我遇到了另一个错误

错误：`style`prop需要从样式属性到值的映射，而不是字符串。

function App() {
  return (
    <div className="App">
            <table>
                <tr>
                    <td><img class='mainlogo' src='logoWAH.png' alt='logo' width='150px' height='auto'/></td>
                    <td align="right">
                    <table style='text-align:right;width:80%'>
                        <tr>
                            <td>
                                <a class='nav-item' href='#'>
                                    <span class='nav-img'>
                                    <img src='image/contact.png' alt='contact' width='20px' height='20px'/>
                                    </span>
                                    </br>
                                    <span class='contact'>Contact us 24/7</span>
                                </a>
                            </td>
                         </tr>
                     </table>
                  </td>
                </tr>
            </table>
         </div>  
     );
}

export default App;