为了账号安全,请及时绑定邮箱和手机立即绑定

请问在react中前后台传递数据时如何传递字符串?

/ 猿问

请问在react中前后台传递数据时如何传递字符串?

慕盖茨1488219 2019-08-21 18:14:00

react中前后台传递数据时如何传递字符串


查看完整描述

3 回答

?
幕布斯5086720

使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异:
react事件使用驼峰命名法,而不是全部小写命名。
使用JSX你传递一个函数作为事件处理程序,而不是一个字符串。
例如,HTML:
<button onclick="activeLasers()">
Active Lasers
</button>

在React中略有不同:
<button onClick={activateLasers}>
Active Lasers
</button>

另一个区别是,你不能返回false来防止React中的默认行为。 您必须显式调用preventDefault。 例如,使用纯HTML,为了防止打开新页面的默认链接行为,您可以写:
<a href="#" onclick="console.log('The link was clicked'); return false;">
Click me
</a>

在React中,这可以改为:
function ActiveLink() {
function handleClick(e) {
e.preventDefault();
console.log('The link was clicked');
}

return (
<a href='#' onClick={handleClick}>
click me
</a>
);
}



查看完整回答
反对 回复 2019-08-24
?
翻过高山走不出你

假如是用php的可以使用php扩展 v8js 不过需要php版本 >= 7
因php版本问题只能放弃,转而使用node.js,有需要可以参考文章:点我点我
PS:node.js的参考文章有部分错误
reactify
不能用字符串,需要加载reactify组件,没有的话需要
npm install reactify --save-dev

<MyComponent number={initProps.num} /<

改为
<MyComponent number={initProps.num} />

查看完整回答
反对 回复 2019-08-24
?
守候你守候我

1、用户界面能做的最基础的事情就是呈现一些数据,React让显示数据变得简单,当数据变化时,用户界面会自动同步更新。
2、通过例子进行了解:

<!DOCTYPE html>
<html>
<head>
<script src="build/react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
<divid="example"></div>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function() {
return (
<p>
Hello, <input type="text"placeholder="Your name here" />!
It is {this.props.date.toTimeString()}
</p>
);
}
});

setInterval(function() {
React.render(
<HelloWorld date={new Date()} />,
document.getElementById('example')
);
},500);
</script>
</body>
</html>

查看完整回答
反对 回复 2019-08-24

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信