我想为我的 SVG 图标创建一个 React 组件,但是如果我在另一个组件中多次使用这个组件(使用不同的道具),它总是呈现相同的图标。
我的icon.js组件:
import { ReactComponent as ArrowDown} from '../assets/icons/icons-line-arrrow-down.svg';
import { ReactComponent as ArrowUp} from '../assets/icons/icons-line-arrrow-up.svg';
const iconTypes = {
arrowDown: ArrowDown,
arrowUp: ArrowUp,
}
const IconComponent = ({name, ...props}) => {
let Icon = iconTypes[name];
return <Icon {...props} />;
};
export default IconComponent
Run Code Online (Sandbox Code Playgroud)
用法:
import Icon from 'components/Icon';
Run Code Online (Sandbox Code Playgroud)
有用:
class MyComponent extends React.PureComponent {
render() {
return (
<div>
<Icon name={"arrowDown"}/>
</div>
)}
}
Run Code Online (Sandbox Code Playgroud)
它也有效:
class MyComponent extends React.PureComponent {
render() {
return …Run Code Online (Sandbox Code Playgroud) 我正在玩Play!2.4 scala,spec2和Mockito.
我试图在我的一个集成测试中设置虚假请求的远程地址,但我找不到正确的方法来做到这一点.
我想做类似下面的代码片段(不编译):
route(FakeRequest(GET, "/users/geographicPoint", remoteAddress = "81.xxx.xxx.xxx"))
Run Code Online (Sandbox Code Playgroud)
我怎么能轻松做到这一点?
如果我尝试在Slick中更新一个不存在的行,我想返回一个错误.
我的查询:
userPromotions.filter(promo =>
promo.code === code).update(myUpdatedRow)
Run Code Online (Sandbox Code Playgroud)
我试图做的查询(我有一个错误原因"rowToUpdate.exist"是Rep [Boolean]而不是布尔值):
val rowToUpdate = userPromotions.filter(promo => promo.code === code)
if(rowToUpdate.exist) rowToUpdate.update(myUpdatedRow)
else NotFound
Run Code Online (Sandbox Code Playgroud)
有没有办法在单个查询中执行此操作?