Thaddeus Jiang ThaddeusJiang

linux 脚本中可以使用 set -x 调试。

set -x 有详细的日志输出，可以避免不必要的 echo

set -x 开启 set +x 关闭 set -o 查看

set -x 执行后对整个脚本有效，所以 set -x 和 set +x 常常配套使用。

如果一个容器中只有一行文字的话，让它垂直居中比较简单直接定义height(高度)和 line-height(行高)相等即可。

<div style="height:25px;line-height:25px;overflow:hidden">aa</div>

1. style 属性引发的 build error

使用 npm 安装 antd 会出现上面问题。使用 yarn 安装 antd 不会。

对应方法

yarn add --dev jest-junit

配置 jest

{
 "reporters": [ "default", "jest-junit" ],

使用 JSX 的 onEnter。 onEnter 是 React Route 提供的一个钩子，在进入页面时被调用。与之对应的是 onLeave。

例子🌰：

function temp() {
  console.log('Hi');
}

大概代码

Feedback

当点击 Feedback 链接时，自定在 link 前加上/sites，可以理解。但是，当浏览器直接访问 /feedback 时，也匹配到 Feedback 组件，这个就有点奇怪了。

	// 创建一个 theme Context, 默认 theme 的值为 light
	const ThemeContext = React.createContext('light');

	function ThemedButton(props) {
	// ThemedButton 组件从 context 接收 theme
	return (
	<ThemeContext.Consumer>
	{theme => <Button {...props} theme={theme} />}
	</ThemeContext.Consumer>
	);

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Hello Workbox!</title>
	</head>
	<body>
	<div>