该组件确实有效:
export class Template extends React.Component {
render() {
return (
<div> component </div>
);
}
};
export default Template;
Run Code Online (Sandbox Code Playgroud)
如果我删除最后一行,它不起作用.
Uncaught TypeError: Cannot read property 'toUpperCase' of undefined
Run Code Online (Sandbox Code Playgroud)
我想,我不明白es6语法中的一些东西.是不是必须导出没有"默认"的标志?
我觉得我问的是一个非常菜鸟的问题)有没有办法让HTML正确处理\n换行符?或者我必须替换它们<br/>?
对不起,如果这是一个天真的问题,但我看了谷歌的工作人员的一堆谈话,仍然不明白为什么我会使用AE而不是CF?
如果我理解正确的话,这两种服务的整体概念就是构建"微服务架构".
虽然,AE必须包装到自己的服务器中.基本上它在与CF相同的功能之上利用了许多复杂性.那么,我何时应该使用它而不是CF?
google-app-engine google-cloud-platform google-cloud-functions serverless
我在Package控件中找不到这个包.看起来我的列表已经过时了. https://github.com/babel/babel-sublime 我该如何解决?
Sublime Text 3083
我正在尝试navigator.geolocation.getCurrentPosition在我的Android设备(飞利浦Xenium)上使用.它在iphone和genimotion模拟器中完全可以正常工作.
navigator.geolocation.getCurrentPosition绝对没有回报 - 没有错误,没有成功.但是,如果我在智能手机中关闭地理定位服务,它将返回No available location provider.
还行,navigator.geolocation.watchPosition工作正常.
当我使用react-router 0.13.3时,没关系:我正在更改网址并且没有重新加载过渡.
现在,在react-router 2.0中,如果我手动更改URL,我的应用程序将完全重新加载而不是简单的重定向.我如何解决它?
我想用这个:
<a href="/routename">link</a>
Run Code Online (Sandbox Code Playgroud)
相反:
<Link to="/routename">link</Link>
Run Code Online (Sandbox Code Playgroud)
在少数特殊情况下.
import {Router, Route, IndexRoute} from "react-router";
import App from './components/App';
import FrontPage from './components/frontPage/FrontPage';
import User from './components/user/User';
module.exports = (
<Router>
<Route path="/" component={App}>
<IndexRoute component={FrontPage}/>
<Route path="/user/:userid" component={User}/>
</Route>
</Router>
);
Run Code Online (Sandbox Code Playgroud) 例如,当你有一个表单组件,并且需要使用导航栏中的按钮提交组件状态的一部分时,如何处理案例?
const navBtn = (iconName, onPress) => (
<TouchableOpacity
onPress={onPress}
style={styles.iconWrapper}
>
<Icon name={iconName} size={cs.iconSize} style={styles.icon} />
</TouchableOpacity>
)
class ComponentName extends Component {
static navigationOptions = {
header: (props) => ({
tintColor: 'white',
style: {
backgroundColor: cs.primaryColor
},
left: navBtn('clear', () => props.goBack()),
right: navBtn('done', () => this.submitForm()), // error: this.submitForm is not a function
}),
title: 'Form',
}
constructor(props) {
super(props);
this.state = {
formText: ''
};
}
submitForm() {
this.props.submitFormAction(this.state.formText)
}
render() {
return (
<View>
...form …Run Code Online (Sandbox Code Playgroud) 这是我的Dockerfile本地开发:
FROM node:12-alpine
WORKDIR /usr/app
ENV __DEV__ 1
COPY package.json ./
COPY yarn.lock ./
RUN yarn --frozen-lockfile
COPY tsconfig.json ./
COPY nodemon.json ./
RUN apk add --no-cache tini
ENTRYPOINT ["/sbin/tini", "--"]
CMD [ "yarn", "dev" ]
Run Code Online (Sandbox Code Playgroud)
这就是我构建它的方式:
docker build --rm -f Dockerfile.dev --tag my-app .
Run Code Online (Sandbox Code Playgroud)
这就是我运行它的方式:
docker run --rm -it --volume $(pwd)/src:/usr/app/src -p 3000:3000 my-app
Run Code Online (Sandbox Code Playgroud)
仅当文件夹外部的内容发生更改时,我才需要构建它src。例如,当我安装节点模块时。如何yarn在某处缓存模块,这样就不会在每个构建上提取所有模块。
我有登录组件,该组件应该可供未经身份验证的用户使用.在身份验证之后,此组件应该变得不可用.
var routes = (
<Route handler={App}>
<Route name="signIn" handler={signIn}/>
{/* redirect, if user is already authenticated */}
{ localStorage.userToken ? (
<Redirect from="signIn" to="/user"/>
) : null
}
</Route>
);
Router.run(routes, (Handler, state) => {
React.render(<Handler {...state}/>, document.getElementById('main'));
});
Run Code Online (Sandbox Code Playgroud)
如果用户在身份验证后因任何原因重新加载了webapp,则此代码非常有用,但当然如果用户没有重新加载webapp,则不会.我试图使用this.context.router.transitionToSignUp组件,但它工作得很糟糕 - 组件被渲染,然后这个脚本被执行.
所以我想将重定向权限添加到routes变量中,以使路由器重定向,甚至不用尝试渲染组件.
但是,至少,它们中的一些不能正常工作,有些根本不能使用react-native.
让我们分享我们处理所有这些服务的经验.我希望,这将澄清FB对于本机应用程序有什么好处.
react-native ×3
reactjs ×3
react-router ×2
android ×1
docker ×1
ecmascript-6 ×1
firebase ×1
flux ×1
geolocation ×1
html ×1
javascript ×1
serverless ×1
sublimetext3 ×1
yarnpkg ×1