為什么占位符屬性中的 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）中不起作用。 任何想法？

Answer 1

它不是標准的一部分。 您可以使用 Javascript 來完成。 https://github.com/bradjasper/jQuery-Placeholder-Newlines