riskers

nvm

添加镜像

export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

config

安装

https://conda.io/miniconda.html

# shell 载入
if [[ "~/opt/miniconda3" ]]; then
    export PATH=$PATH:~/opt/miniconda3/bin
fi

docker run -d --name clickhouse-server --ulimit nofile=262144:262144 -p 8123:8123 -p 9000:9000 -p 9009:9009 --privileged=true -v ~/db/clickhouse/log:/var/log/clickhouse-server -v ~/db/clickhouse/data:/var/lib/clickhouse clickhouse/clickhouse-server:22.1.4.30

然后 http://localhost:8123 验证.

使用客户端:

> docker exec -it clickhouse-server /bin/bash

高阶组件：接收函数作为输入，或者输出另一个函数的一类函数，被称作高阶函数。对于高阶组件，它描述的便是接受React组件作为输入，输出一个新的React组件的组件。即高阶组件通过包裹（wrapped）被传入的React组件，经过一系列处理，最终返回一个相对增强（enhanced）的React组件，供其他组件调用。

什么时候使用高阶组件：在React开发过程中，发现有很多情况下，组件需要被"增强"，比如说给组件添加或者修改一些特定的props，一些权限的管理，或者一些其他的优化之类的。而如果这个功能是针对多个组件的，同时每一个组件都写一套相同的代码，明显显得不是很明智，所以就可以考虑使用HOC。

react-redux 的 connect 方法就是一个 HOC ，他获取 wrappedComponent ，在 connect 中给 wrappedComponent 添加需要的 props。

最基本的一个 HOC

// define

	{
	"compilerOptions": {
	"plugins": [
	{
	"name": "@unsplash/ts-namespace-import-plugin",
	"namespaces": {
	"A": {
	"importPath": "fp-ts/Array"
	},
	"B": {

	import {
	ConnectorNotFoundError,
	UserRejectedRequestError,
	RpcError,
	ResourceUnavailableError,
	SwitchChainNotSupportedError,
	} from "wagmi";

	import { InjectedConnector } from "wagmi/connectors/injected";
	import { Chain, Ethereum } from "@wagmi/core";


	/**
	*
	* Author: __rodx00__
	*
	* Usefull functions while reversing frida scripts.
	*/

	function bin2ascii(array) {
	var result = [];

	const App = () => {
	const device = useDevice();

	return <div className={getClassName(device)}>
	Test
	</div>
	}

	import { useCookies } from "react-cookie";
	import { Tab, TabList, TabPanel, Tabs } from "react-tabs";
	import styles from "./style.module.css";
	import { useLocale } from "@/locales/i18n";

	const App = () => {
	// 这里获取 intl
	const __ = useLocale();

	return <div>

	import { useDialog } from "@/components/dialog/index";
	import DialogTitle from "@material-ui/core/DialogTitle";

	const App = () => {
	const [openDialog, closeDialog] = useDialog();

	return <button
	href="#!"
	onClick={() => {
	openDialog({