我如何在 React 中选择 import/export
How do i choose import/export in React
我想在用户打开页面时使用 WebP Chrome
否则它应该是 png。
我找到了这段代码:
var isChrome = !!window.chrome && !!window.chrome.webstore
但我不能在导出或导入周围放置 If 语句
到目前为止,这是我的代码:
import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';
var isChrome = !!window.chrome && !!window.chrome.webstore;
if(isChrome){
export default {redditwebp}
}
else{
export default {redditpng}
}
你真的不应该做正常的 if 语句你应该做一个内联的
const isChrome = !!window.chrome && !!window.chrome.webstore;
然后在您的实际代码中内联
<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>
对我来说这是最好的方法,您可能需要写 this.isChrome
我不确定您是否愿意。
我会让这个更清楚。
import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';
import React, { Component } from 'react';
const isChrome = !!window.chrome && !!window.chrome.webstore;
export default class logo extends Component {
render(){
return (
<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>
}
}
我想在用户打开页面时使用 WebP Chrome 否则它应该是 png。
我找到了这段代码:
var isChrome = !!window.chrome && !!window.chrome.webstore
但我不能在导出或导入周围放置 If 语句
到目前为止,这是我的代码:
import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';
var isChrome = !!window.chrome && !!window.chrome.webstore;
if(isChrome){
export default {redditwebp}
}
else{
export default {redditpng}
}
你真的不应该做正常的 if 语句你应该做一个内联的
const isChrome = !!window.chrome && !!window.chrome.webstore;
然后在您的实际代码中内联
<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>
对我来说这是最好的方法,您可能需要写 this.isChrome
我不确定您是否愿意。
我会让这个更清楚。
import redditwebp from '../img/icons/reddit.webp';
import redditpng from '../img/icons/reddit.png';
import React, { Component } from 'react';
const isChrome = !!window.chrome && !!window.chrome.webstore;
export default class logo extends Component {
render(){
return (
<div>{isChome ? <img src={redditwebp} alt="" /> : <img src={redditpng} alt="" />}</div>
}
}