小编Mis*_*olf的帖子
TS1128：预期的声明或语句（文件结尾）
我正在做一个 TypeScript/React 项目（只是习惯了，一年没写 React 等等），遇到了一个问题。
当我编写这个组件时，我遵循了我发现的一些文档，但是我在这个文件的末尾收到了一个 TS1128 (Declaration or statement expected) 错误，我不知道为什么：
import * as React from 'react';
import Count from './CountDisplay';
interface State {
count: number;
}
class Counter extends React.Component<{}, State> {
state: State = {count: 0};
increment() {
this.setState({
count: (this.state.count + 1)
});
}
decrement() {
this.setState({
count: (this.state.count - 1)
});
}
render(): JSX.Element {
return (
<div>
<Count count={this.state.count}/>
<button onClick={this.increment}>Increment</button>
<button onClick={this.decrement}>Decrement</button>
</div>
);
}
}
export default Counter;
我不知道，为什么我一直收到错误消息，因为代码看起来不错（或者我认为），但我可能是错的。
下面是我的 TSConfig.json，因为我认为它可能与问题有关：
{ …推荐指数
解决办法
查看次数
从Material UI中的TableRow组件获取数据
我在最新版本的Material UI中使用了Table组件,我不确定当它被选中时我应该如何从Table的行中获取数据.
文档提到了一个名为table组件的prop onRowSelection,但它只为你选择的行提供了RowNumber,没有别的.
你怎么用这个呢？我不明白你是怎么想抓住说的......这个关键支柱只能用于TableRow使用RowNumber道具TableRow.
下面的代码显示了我如何呈现表本身以及分配键:
handleSelect(id) {
console.log(id);
this.props.dispatch({ type: 'SET_SELECTED_USER', user: id });
}
renderUsers() {
if (this.props.users && this.props.currentUser) {
const currUser = this.props.currentUser.username;
const userList = this.props.users.map((user) => {
if (currUser !== user.username) {
return (
<TableRow key={user._id}>
<TableRowColumn>{user.username}</TableRowColumn>
<TableRowColumn>{user.roles[0]}</TableRowColumn>
</TableRow>
);
}
});
return userList;
}
}
我只是不明白所选行的RowNumber应该如何帮助我,当我需要访问它们的行键时.
任何帮助将非常感谢!谢谢!
推荐指数
解决办法
查看次数
使用Meteor(CFS)下载远程图像
所以,我试图弄清楚如何下载远程图像,然后使用CollectionFS存储下载的图像.
我试图在CFS中使用自动URL处理,但是我正在下载图像-from-的主机已禁用HEAD请求,因此我无法使用它.
我要么使用Meteor.get,要么使用NPM的'请求',但我真的不明白如何将两者合并以获得所需的结果.
任何想法将不胜感激.我所知道的只是在Meteor.get请求中使用URL,但在那之后,我真的迷路了.
这是我到目前为止所得到的,但我不知道如何处理请求的结果:
var result = HTTP.get(url);
我只假设我应该对result.body做一些事情(根据Meteor文档),但我不知道如何正确编码该对象,以便可以将其推送到本地的CFS集合中.
推荐指数
解决办法
查看次数
Twitter Bootstrap和Ruby on Rails的警报/错误
乡亲.
我正在使用Twitter Bootstrap快速构建一个使用Ruby on Rails的小应用程序,我似乎遇到了使用bootstrap-sassgem 的问题.
我在我的Gemfile中添加了必需的行,然后执行了bundle install.问题是......它似乎没有把vendor/assets/stylesheets应该存在的引导CSS文件放在那里.
因此,当我有此登录(使用Devise)时,它根本没有显示正确的样式:
这个ERb:
<% flash.each do |name, msg| %>
<% if msg.is_a?(String) %>
<div class="alert alert-<%= name == :notice ? "success" : "error" %>">
<a class="close" data-dismiss="alert">×</a>
<%= content_tag :div, msg, :id => "flash_#{name}" %>
</div>
<% end %>
<% end %>
根据Bootstrap文档生成以下HTML,这似乎是正确的,它应该生成一个Bootstrap样式的红色"错误"警告框:
<div class="alert alert-error">
<a class="close" data-dismiss="alert">×</a>
<div id="flash_alert">Must be logged in to access the admin area.</div>
</div>
我不确定问题是什么.相关信息如下:
- 操作系统:Ubuntu 12.04 LTS(精确)x86 - 在Vagrant VM …
推荐指数
解决办法
查看次数
使用CSS环绕横幅
我正在尝试使用这个CSS在我正在研究的网站主题上设置一个环绕式横幅类型的交易:
http://asgeirhoem.no/ex/css-wraparound-ribbon/
我几乎逐字复制了所提到的网站上显示的内容:
(CSS)
header {
position: relative;
margin: 0 -10px;
text-align: center;
padding: 10px;
background-color: #bb0000;
color: white;
text-shadow: 2px 2px 0 black;
}
header:before,
header:after {
content: '';
border-top: 10px solid #660000;
position: absolute;
bottom: -10px;
}
header:before {
border-left: 10px solid transparent;
}
header:after {
border-right: 10px solid transparent;
}
(HTML)
<body>
<div class="page-container">
<header>
<img src="logo1.png" />
</header>
</div>
</body>
但它没有按预期工作.这是我在浏览器中查看页面时得到的内容:
正如您所看到的,"环绕式"部分存在,但定位不正确,我不确定为什么会这样.任何帮助都会很棒.
推荐指数
解决办法
查看次数
使用 Axios/Sharp 下载图像并调整图像大小
我目前正在尝试使用 Axios 下载图像，然后调整结果大小并通过 GraphQL 解析器中的 Node 将其保存在本地。
这是我正在使用的代码块：
axios.get(url)
.then((response) => {
const { set, collector_number } = response.data;
const sourceUrl = response.data.image_uris.border_crop;
const filename = `${set}/${collector_number}.png`;
axios.get(sourceUrl, { responseType: 'arraybuffer' })
.then((res) => {
console.log(`Resizing Image!`)
sharp(res)
.resize(226, 321)
.toFile(`../cardimg/${filename}`)
.then(() => {
console.log(`Image downloaded and resized!`)
})
.catch((err) => {
console.log(`Couldn't process: ${err}`);
})
})
})
当我执行代码（通过 GraphQL Mutation）时，它会抛出一个错误，指出：Input file is missing。
不确定这是 Axios 的误用，还是我对 Sharp 的操作有问题。
有什么建议么？我最初担心我需要弄乱来自 HTTP 请求的响应的格式，但从我收集到的信息来看，我做得正确。
提前致谢！
我已经使用 console.log 来确保它确实抓取了图像并且 URL 是正确的，因此已经经过测试，因此 …
推荐指数
解决办法
查看次数
标签 统计
meteor ×2
node.js ×2
reactjs ×2
axios ×1
banner ×1
css ×1
ecmascript-6 ×1
encoding ×1
html ×1
http ×1
javascript ×1
material-ui ×1
sharp ×1
stylesheet ×1
typescript ×1