如何用三元运算符进行计算，如下所示?

Question

我想用no乘以输出。，但它直接给出了no。只在屏幕上。

这是我写的:

<textarea className={` form-control text-${props.mode==='dark'?'light':'dark'} `} value={text} onChange={handleOnChange} id="myBox" rows={10} style={{backgroundColor: props.mode==='light'?'light':'dark'}}/>

<p className={` text-${props.mode==='dark'?'light':'dark'} my-1 `}>{0.008 * text.length>0?text.trim().split(" ").length:0} Minutes read </p>

它给出1分钟读取而不是0.008分钟读取

Answer 1

您需要将计算的字数括在括号()中，以首先计算text中的字数，然后与0.008相乘。

<p className={`text-${props.mode === 'dark' ? 'light' : 'dark'} my-1`}>{ 0.008 * ( text.length > 0 ? text.trim().split(" ").length : 0 )} Minutes read </p>