我正在做出反应,基本上我想用工具提示制作一个按钮,现在我正在制作工具提示.我正在更改css显示属性,以便在鼠标进入和离开期间使其可见或不可见.但是有一个错误,我不知道该怎么做......
这是我的代码:
import React from 'react';
import ReactDOM from 'react-dom';
import Style from 'style-it';
var Ink = require('react-ink');
import FontIcon from '../FontIcon/FontIcon';
var IconButton = React.createClass({
getInitialState() {
return {
iconStyle: "",
style: "",
cursorPos: {},
};
},
extend(obj, src) {
Object.keys(src).forEach(function(key) { obj[key] = src[key]; });
return obj;
},
Tooltip(props) {
var style = {};
if (this.tooltipDisplay) {
style.display = "block";
} else if (!this.tooltipDisplay) {
style.display = "none";
};
return <div className="tooltip" style={style}>{_props.tooltip}</div>;
},
showTooltip(){
this.tooltipDisplay = true; …Run Code Online (Sandbox Code Playgroud) 我正在反应中工作,正在创建一个带有工具提示的按钮,但我无法放置它。我的意思是我无法读取按钮距顶部和左侧的距离。
我尝试了 offsetTop 和 offsetLeft ,但得到了这个错误:“Uncaught TypeError:无法读取未定义的属性‘offsetWidth’”,所以我尝试了 getBoundingClientRect() ,得到的只是另一个错误:“Uncaught TypeError:elem.getBoundingClientRect 不是一个函数”。
我通过将距离分配给全局变量来将信息从组件传递到第二个组件,并在需要放置它时在第二个组件中读取它。
这是我的代码(当我尝试使用 getBoundingClientRect 做某事时在舞台上):
import React from 'react';
import ReactDOM from 'react-dom';
import Style from 'style-it';
var Ink = require('react-ink');
import FontIcon from '../FontIcon/FontIcon';
var options;
var Tooltip = React.createClass({
render(){
var _props = this.props,
style = {
top: options.y,
left: options.x,
};
return(
<div className="tooltip" style={style}>{_props.text}</div>
);
}
});
var IconButton = React.createClass({
getInitialState() {
return {
iconStyle: "",
style: "",
cursorPos: {},
}; …Run Code Online (Sandbox Code Playgroud) 我的数字位于字符串变量中.我想检查它的每个元素是否等于某个值,所以我使用for循环遍历每个元素并使用if:
int zera = 0, jedynki = 0;
for (int i = 0; i < liczba.length(); i++) {
if (liczba[i] == 0) zera ++;
else if (liczba[i] == 1) jedynki ++;
}
Run Code Online (Sandbox Code Playgroud)
liczba是一个字符串.
我现在知道我不能这样做.我试图将此int转换为char但仍然没有发生任何事情.这有什么不对?我该怎么办?