react 判断参数是否存在
在页面进行判断参数是否存在,存在就显示(使用let声明,然后使用if + typeof来判断):
<span style="color:#dcc6e0">let</span> displayedParams = {};
<span style="color:#dcc6e0">if</span> (<span style="color:#dcc6e0">typeof</span> paramsObj.r !== <span style="color:#abe338">"undefined"</span>) {
displayedParams = {
<span style="color:#abe338">"r"</span>: paramsObj.r.length > <span style="color:#f5ab35">0</span> ? paramsObj.r.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"f"</span>: <span style="color:#abe338">"f"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.f.length > <span style="color:#f5ab35">0</span> ? paramsObj.f.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"s"</span>: <span style="color:#abe338">"s"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.s.length > <span style="color:#f5ab35">0</span> ? paramsObj.s.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"EF_dis"</span>: <span style="color:#abe338">"EF_dis"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.EF_dis.length > <span style="color:#f5ab35">0</span> ? paramsObj.EF_dis.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">2</span>)) : [],
<span style="color:#abe338">"EF_ini"</span>: <span style="color:#abe338">"EF_ini"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.EF_ini.length > <span style="color:#f5ab35">0</span> ? paramsObj.EF_ini.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">2</span>)) : [],
<span style="color:#abe338">"EF_ope"</span>: <span style="color:#abe338">"EF_ope"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.EF_ope.length > <span style="color:#f5ab35">0</span> ? paramsObj.EF_ope.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"EF_ser"</span>: <span style="color:#abe338">"EF_ser"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.EF_ser.length > <span style="color:#f5ab35">0</span> ? paramsObj.EF_ser.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"m_ini"</span>: <span style="color:#abe338">"m_ini"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.m_ini.length > <span style="color:#f5ab35">0</span> ? paramsObj.m_ini.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"m_ser"</span>: <span style="color:#abe338">"m_ser"</span> <span style="color:#dcc6e0">in</span> paramsObj && paramsObj.m_ser.length > <span style="color:#f5ab35">0</span> ? paramsObj.m_ser.map(<span style="color:#f5ab35">value</span> => (value).toFixed(<span style="color:#f5ab35">1</span>)) : [],
<span style="color:#abe338">"years"</span>: <span style="color:#abe338">"year_start"</span> <span style="color:#dcc6e0">in</span> paramsObj && <span style="color:#abe338">"year_end"</span> <span style="color:#dcc6e0">in</span> paramsObj ? <span style="color:#f5ab35">Array</span>.from({ length: paramsObj.year_end - paramsObj.year_start + <span style="color:#f5ab35">1</span> }, (<span style="color:#f5ab35">_, index</span>) => paramsObj.year_start + index) : []
};
}