通过js创建一个按钮并作为模态插入到body中,按钮的onclick处理程序是promise范围内的resolve函数。
当我不将解析添加到 window: 时window.resolveAlert = resolve,onclick将抛出未找到的错误。
是否有另一种方法可以避免将解析函数绑定到window调用作用域函数?
function showRatingAlert() {
return new Promise(resolve => {
const content = `
<div id="rating-alert">
<button onclick="resolve(true)">
Sure
</button>
</div>
`
window.resolve = resolve // TODO: bad
const tag = document.createElement('div')
tag.innerHTML = content
document.getElementsByTagName('body')[0].appendChild(tag)
})
}
Run Code Online (Sandbox Code Playgroud) 当我输入:
const styles = StyleSheet.create({
container: {}
})
Run Code Online (Sandbox Code Playgroud)
然后我在container大括号后添加一个逗号,它总是弹出一个窗口来提示我一些我从未看过的信息。
container: {},
Run Code Online (Sandbox Code Playgroud)
那么这个弹出窗口是什么?eslint 提示?或者是其他东西?
是否可以禁用此功能以及如何禁用?
我不明白为什么样式没有应用于{props.children}以下代码中的内部视图。它不会抛出任何错误,而只会将其呈现{props.children}为简单的文本。
import React from 'react';
import { View } from 'react-native';
const Card = (props) => {
return (
<View style={styles.containerStyle}>
{props.children}
</View>
);
};
const styles = {
containerStyle: {
borderWidth: 8,
borderRadius: 2,
borderColor: 'black',
borderBottomWidth: 0,
shadowColor: 'black',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1,
shadowRadius: 2,
elevation: 1,
marginLeft: 5,
marginRight: 5,
marginTop: 60
}
};
export default Card;
Run Code Online (Sandbox Code Playgroud)
{props.children}在这里渲染:
import React from 'react';
import { Text } from …Run Code Online (Sandbox Code Playgroud)