html - 为什么占位符属性中的 and 在浏览器中不起作用

Question

关于占位符属性中的"&#10"和“  ”如何协同工作的问题。这是我的代码：

render() {
 return(
   <div>{
      if this.state.showTextarea?
      <div> 
        <form> 
         <textarea  placeholder='ex:&#10;{"data":{&#10;&#32;"name":"petter"&#10;}&#10;}'> </textarea>
        </form>
      </div>
      : null
   } 
   </div>
);
}

这是显示：

如果在代码片段上运行，它工作得很好，但它在浏览器（chrome 和 Edge）中不起作用。任何的想法？

标签： htmlreactjsplaceholder

Answer 1

它不是标准的一部分。你可以用Javascript来做。https://github.com/bradjasper/jQuery-Placeholder-Newlines