Javascript 如何从状态数据中的字符串中删除HTML标记? 我使用“axios”从API获取数据 我保存在我所在州收到的数据 我将状态给出的信息输出到一个表中

Javascript 如何从状态数据中的字符串中删除HTML标记? 我使用“axios”从API获取数据 我保存在我所在州收到的数据 我将状态给出的信息输出到一个表中,javascript,reactjs,axios,Javascript,Reactjs,Axios,问题是,我从获取的数据中接收到的字符串包括许多HTML标记,如,& 如果可能的话,我想删除这些 注意,我不使用JQuery state = { companyName: "Loading", loading: true, data: [] //THIS IS WHERE I STORE ALL THE DATA THAT I FETCH } 数据(道具){ 返回( 指数 Författning {props.map((法律列表,索引)=>( {index+1}

问题是,我从获取的数据中接收到的字符串包括许多HTML标记,如

&


如果可能的话,我想删除这些

注意,我不使用JQuery

state = {
  companyName: "Loading",
      loading: true,
         data: [] //THIS IS WHERE I STORE ALL THE DATA THAT I FETCH
}
数据(道具){
返回(
指数
Författning
{props.map((法律列表,索引)=>(
{index+1}
/*下面的一行显示了数据,但数据中包含了很多我希望删除的html标记*/
{lawList.lawDTO.name}
))}
)
}
render(){
返回(
{this.data(this.state.data)}
)}
}

您可以使用正则表达式:

const test='
asdasd
test

'。替换(/|/g');
控制台日志(测试)您可以在读取数据后立即执行以下操作:

let data=“first second
third

”; 数据=数据。替换(/]+(>|$)/g'; 控制台日志(数据)可能,你想

render(){
返回(
)
}

JQuery不可用,请在您的问题中使用它。您能让API返回没有HTML标记的相同数据吗?@Shilly No unfortunatley。这些数据与HTML标记一起提供
data(props) {
  return(
    <div>
      <Table celled>
        <Table.Header>
          <Table.Row>
            <Table.HeaderCell>Index</Table.HeaderCell>
            <Table.HeaderCell>Författning</Table.HeaderCell>

          </Table.Row>
        </Table.Header>

        {props.map((lawList, index) => (
                    <Table.Body>
                      <Table.Row>
                        <Table.Cell>{index + 1}</Table.Cell>
/* The line below displays the data, but the data includes alot of html tags that i wish to have removed */
                        <Table.Cell>{lawList.lawDTO.name}</Table.Cell>
                      </Table.Row>
                    </Table.Body>
            ))}
      </Table>
    </div>
  )
}
render() {
    return(
        <div>
                <h3> {this.data(this.state.data)} </h3>

        </div>   
     )}
   }
render() {
  return (
    <div dangerouslySetInnerHTML={{ __html: this.state.data }}></div>
  )
}