Html 如何减少ReactJS中的字体大小

每次在输入事件onChange中添加或删除数字时，My app currency converter都会更新结果

问题是如果添加一些数字，结果的大小会增加，因此如果需要，我想更改字体大小。大小取决于

---

有什么想法吗？

我想你需要开始你的状态：

const[isBig,setIsBig()] = React.useState(false);

在这之后，您需要检查结果的大小，这取决于您的状态的输出更新的大小

就是这样，如果isBig为真，设置fontSize:12px，否则15px或我不知道取决于您的需要：

<span style={isBig ? {fontSize:'12px'} : {fontSize:'15px'}}>your resulsts here </span>

---

我认为，当我进行新的渲染时，我会计算字符数，并根据字符串的长度更改字体大小

我这样计算我的新字体大小：

newSize = parseInt(400/res.length);

在JSX渲染中，我做到了：

{res}

---

您尚未解释如何确定何时应将isBig设置为true12和15不是CSS字体大小属性的有效值。请阅读问题编辑器旁边的格式说明。您已将几乎所有内容标记为粗体文本，使其难以阅读，并且没有一个代码是代码。