Ink 是支持使用 React 来构建命令行应用程序的库——与 React 在浏览器中提供的基于组件的 UI 构建体验一样。只是 InK 面向命令行应用程序。
因此 Ink 其实就是 React 渲染器,将 React 组件树转成字符串,然后输出到终端上。
安装
npm install ink react
使用
import React, {useState, useEffect} from 'react';
import {render, Text} from 'ink';
const Counter = () => {
const [counter, setCounter] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
setCounter(previousCounter => previousCounter + 1);
}, 100);
return () => {
clearInterval(timer);
};
}, []);
return <Text color="green">{counter} tests passed</Text>;
};
render(<Counter />);
评论