Question

如何使用字幕标记。它在ReactJS中不支持html标签。我尝试导入react-text-marquee仍然不反映样式

public render(): React.ReactElement<IScrollTickerWebPartProps> {
        return ( 
           <div className={styles.panelStyle} >
             <br></br>
             <Marquee text="swetha">Test</Marquee>
             
             <br></br>
             
             <div className={styles.tableStyle} >  
                
                 {this.state.items.map(function(item,key){     
                   return (<div className={styles.rowStyle} key={key}> 
                       <div className={styles.CellStyle}>{item.Title}</div>   
                     </div>); 
                 })} 
                        
             </div> 
           </div> 
       ); 
     }

Answer 1

真正简单的修复；您在“字幕”中使用了大写字母M。结果，React试图找到一个名为Marquee的组件并失败了。只需将其更改为一点m，移除道具即可，这将是黄金。

示例：https://jsfiddle.net/h9fyvpwj/2/

class Hello extends React.Component {
  render() {
    return (
        <marquee>Test</marquee>
    )
  }
}

ReactDOM.render(
  <Hello />,
  document.getElementById('container')
);

请记住，marquee标记现在已过时，您应该避免使用它：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee。

React中的字幕标记

1 个答案: