小编Tho*_*vik的帖子

在 React 渲染元素中保留空间

从我的后端服务返回一个包含空格的字符串。当我console.log在方法中使用此值时render,它会显示带有空格的原始字符串。

然而,渲染的元素缺少值。

例子:

const a = "I am a text string"
Run Code Online (Sandbox Code Playgroud)

不同于:

const a = "I  am a text string"
Run Code Online (Sandbox Code Playgroud)

(注意“I”和“am”之间的额外空格。

渲染方法似乎从我的渲染输出中删除了额外的空间。

这只是一个示例,但我尝试向最终用户显示的原始数据必须包含额外的空间。如何强制 React 渲染原始字符串,而不是对其进行某种文本格式化?

reactjs

10
推荐指数
1
解决办法
6072
查看次数

ReactJS无法读取未定义的属性"bind"

我试图通过制作一些简单的应用程序来学习reactjs.我以为我已经找到了基础知识,直到我偶然发现我使用.bind的情况.我正在尝试创建一个小列表,单击该列表将删除单击的列表项.它背后的逻辑尚未实现,因为我一直遇到同样的错误.我已经查看了其他问题,但由于某种原因我没有设法让它工作,所以如果重新发布,我很抱歉.

"Cannot read property 'bind' of undefined"
Run Code Online (Sandbox Code Playgroud)

有问题的代码在下面实现.我真的很感激一些帮助.我知道这是一个非常基本的问题,但是嘿.不能永远是完美的.

var React = require("react");
var ReactDOM = require("react-dom");

var dataList = ["Apples","Bananas", "Oranges", "Pinapple"];

var Wrapper = React.createClass({
	handleClick: function(item, event) {
		console.log("clicked");
	},
	render: function() {
		var allData = this.props.datalist;
		return(
			<div>
				<ul>
					{allData.map(function(listpoint,i) {
						return(
							<li onClick={this.handleClick.bind(this,listpoint)} key={"list" + i}>{listpoint} [{i}]</li>
						);
					})}
				</ul>
			</div>
		);
	}
});

ReactDOM.render(
	<Wrapper datalist={dataList}/>,
	document.getElementById("container")
);
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

3
推荐指数
1
解决办法
8958
查看次数

从服务器获取文件时 JavaScript Blob 编码错误

FileStreamResult在 SPA 网站(.NET Core 2、SPA React 模板)中使用来自 C# 的 a,我从我的端点请求一个文件,这会在 C# 中触发此响应:

var file = await _docService.GetFileAsync(token.UserName, instCode.Trim()
.ToUpper(), fileSeqNo);
string contentType = MimeUtility.GetMimeMapping(file.FileName);
var result = new FileStreamResult(file.File, contentType);
var contentDisposition = new ContentDispositionHeaderValue("attachment");
Response.Headers[HeaderNames.ContentDisposition] = 
contentDisposition.ToString();
return result;
Run Code Online (Sandbox Code Playgroud)

返回的响应是使用处理的msSaveBlob(特别是对于 MS,但即使我使用createObjectURL不同的浏览器,这也是一个问题(是的,我已经尝试了多种解决方案,但似乎都没有工作)。这是我用来的代码发送请求,并FileStreamResult从服务器接收 PDF 。

var file = await _docService.GetFileAsync(token.UserName, instCode.Trim()
.ToUpper(), fileSeqNo);
string contentType = MimeUtility.GetMimeMapping(file.FileName);
var result = new FileStreamResult(file.File, contentType);
var contentDisposition = new ContentDispositionHeaderValue("attachment");
Response.Headers[HeaderNames.ContentDisposition] = 
contentDisposition.ToString();
return result;
Run Code Online (Sandbox Code Playgroud)

问题是我得到的返回的 …

javascript pdf blob filestreamresult

1
推荐指数
1
解决办法
4075
查看次数

标签 统计

javascript ×2

reactjs ×2

blob ×1

filestreamresult ×1

pdf ×1