隐藏列表项目符号反应 CSS答案

【问题标题】：hide list bullets react CSS隐藏列表项目符号反应 CSS
【发布时间】：2020-02-21 12:15:00
【问题描述】：

我试图隐藏列表的子弹符号这个我试过了

  <ul sytle={ styles.ulclass }>
  <li>.
      .
      .
        </li>

和

   ulclass:{
   display:'flex',
   flexDirection: 'row',
   justifyContent: 'flex-end',
   listStyleType:'none',
   margin:'0px',
   padding:'0px',
   overflow:'hidden',
   textDecoration:'none',

  },

但是

  listStyleType:'none'

不工作

【问题讨论】：

标签： reactjs styles

【解决方案1】：

检查一下如何申请listStyleType:'none'

  return (
    <div className="App">
       <ul style={mystyle}>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
       </ul>
    </div>
  );


const mystyle={
  listStyleType:'none'
}

Live demo

【讨论】：

【解决方案2】：

写这个

<ul style={{listStyleType:'none'}}>
.. </ul>

【讨论】：

【解决方案3】：

它看起来像道具中的错字：

<ul sytle={ styles.ulclass }>

应该是：

<ul style={ styles.ulclass }>
//--^^^^^-----

【讨论】：