react js 自动生成了很多 span 标签，求解

Question

在我的代码里面没有这么多span 标签，react 给我自动生成了很多，导致样式错落了，求解是什么问题导致react 给我生成这么多 span 标签

这是 js代码

return (

                                    <li className={style.li} key={ index }>

                                        <em>{ created_at_day }<p>{ created_at_month }月</p></em>

                                        <span>{ commission }元</span>

                                        <p>{ phone }</p>

                                        <p>{text}</p>

                                    </li>

                                )

这是生成的

<li class="li___yMNj9" data-reactid=".0.0.2.0.$0">

<em data-reactid=".0.0.2.0.$0.0">

<span data-reactid=".0.0.2.0.$0.0.0">18</span>

 <p data-reactid=".0.0.2.0.$0.0.1">

  <span data-reactid=".0.0.2.0.$0.0.1.0">09</span>

  <span data-reactid=".0.0.2.0.$0.0.1.1">月</span>

 </p>

</em>

<span data-reactid=".0.0.2.0.$0.1">

<span data-reactid=".0.0.2.0.$0.1.0">120.00</span>

<span data-reactid=".0.0.2.0.$0.1.1">元</span>

</span>

<p style="margin-top:.3rem;" data-reactid=".0.0.2.0.$0.2">已提取</p>

</li>