In this session we create a comment component to explore how to create components that only render text.

In previous versions of we had to wrap our text in needless <span> or <div>, we will see how React 16 removes the unneeded structure.

import React, { Component } from 'react';

import ReactDOM from 'react-dom';

const Comment = ({ text }) => {

  const emojifiedText = text

    .replace(':)', '												


																

最新文章
	

    
						
  1. 怎么理解js中的事件委托
		
    2. 
						
  2. DOS批处理中%cd%和%~dp0的区别
		
    3. 
						
  3. 图解JavaScript 继承
		
    4. 
						
  4. java IO 学习总结
		
    5. 
						
  5. iptables实战系列：通过NAT转发实现私网对外发布信息
		
    6. 
						
  6. Android TextView结合SpannableString使用
		
    7. 
						
  7. [swustoj 371] 回文数
		
    8. 
						
  8. java_设计模式_外观模式_Facade Pattern（2016-08-09）
		
    9. 
						
  9. HDU 1114 Piggy-Bank  全然背包
		
    10. 
						
  10. [Network]Application Layer
		
    11. 
						
  11. HDU 3569 Imaginary Date 简单期望
		
    12. 
						
  12. 003.[python学习] 简单抓取豆瓣网电影信息程序
		
    13. 
						
  13. 解决拼音输入法会触发input事件的问题
		
    14. 
						
  14. navicat连接mysql出现2059错误
		
    15. 
						
  15. 解决jdk1.7，1.8共存问题小思
		
    16. 
						
  16. cookie 简单用法
		
    17. 
						
  17. 使用谷歌浏览器调试WEB前端的一些必备调试技巧
		
    18. 
						
  18. Java调用Linux命令（cd的处理）
		
    19. 
						
  19. Oracle常用内置函数
		
    20. 
						
  20. mobile开发技巧（转）
		
    21. 
		

	


热门文章
	

    
									
  1. Linux 内核源码（kernel source）
			
    2. 
						
  2. idea里新建maven项目时，在new module页面，一直显示loading archetype list...
			
    3. 
						
  3. BZOJ 1579 道路升级 Dijkstra
			
    4. 
						
  4. gym 100735I
			
    5. 
						
  5. Json数据的序列化与反序列化的三种经常用法介绍
			
    6. 
						
  6. JavaWeb-04(BOM&amp;amp;DOM)
			
    7. 
						
  7. elasticsearch index 之 create index（-）
			
    8. 
						
  8. 操作系统的 （program）loader（程序加载器）
			
    9. 
						
  9. 洛谷P3531 [POI2012]LIT-Letters
			
    10. 
						
  10. 微信小程序从零开始开发步骤（八）引入框架WeUI
			
    11.