小编cor*_*san的帖子

React Native - 使用StyleSheet与普通对象有什么好处?

使用StyleSheet.create()vs普通对象的好处是什么?

const styles = StyleSheet.create({
  container: {
    flex: 1
  }
}
Run Code Online (Sandbox Code Playgroud)

比.

const styles = {
  container: {
    flex: 1
  }
}
Run Code Online (Sandbox Code Playgroud)

react-native

84
推荐指数
5
解决办法
7926
查看次数

如何使xterm.js接受输入?

我正在使用xterm.js进行项目,但我无法接受输入.每当我尝试输入终端时,没有任何事情发生,并且没有文档或示例告诉如何实现此目的.

这就是我所拥有的:

const term = new XTerm({
    cols: 100,
    cursorBlink: true,
    rows: 120
});
term.open(document.getElementById('terminal-window'), true)
term.fit()
term.writeln('Hello World!')
Run Code Online (Sandbox Code Playgroud)

javascript terminal xterm

12
推荐指数
2
解决办法
6381
查看次数

Firebase存储:字符串与格式'base64'不匹配:找到无效字符

我正在使用本地反应,我需要使用Firebase存储将图像上传到Firebase .我正在使用react-native-image-picker从手机中选择图像,它为我提供了base64编码数据.

当我尝试将图像上传到Firebase时它会给我错误,Firebase Storage: String does not match format 'base64': Invalid character found但我已经检查过该字符串是否是带有正则表达式的有效base64字符串,它是!

我已经从这里读了几个答案,但我尝试了所有这些.这是我的代码:

function uploadImage(image){
  const user = getCurrentUser();
  const refImage = app.storage().ref(`profileImages/${user.uid}`);

  refImage.putString(image, 'base64').then(() => {
    console.log('Image uploaded');
  });
}
Run Code Online (Sandbox Code Playgroud)

图像选择器:

ImagePicker.showImagePicker(ImageOptions, (response) => {
  if (response.didCancel) {
    console.log('User cancelled image picker');
  }
  else if (response.error) {
    console.log('ImagePicker Error: ', response.error);
  }
  else if (response.customButton) {
    console.log('User tapped custom button: ', response.customButton);
  }
  else {
    uploadImage(response.data);
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript android firebase react-native firebase-storage

10
推荐指数
3
解决办法
3476
查看次数

如何使用Azure DevOps部署create-react-app?

我花了过去两天的时间来弄清楚如何使用Azure DevOps部署我的Web应用程序,但没有任何结果。我使用FileZila来查看构建生成的文件是否正在上载,并且所有文件都在该wwwroot文件夹下。我也尝试使用FileZilla手动上传文件。在这一点上,我真的很沮丧,因为我已经尝试了所有在网上找到的东西来部署该应用程序。DevOps可以很好地工作,不能正常工作的部分是我访问URL时实际上显示了我的Web应用程序。

我遵循了所有可以找到的教程。

这是我尝试访问我的网站时看到的

不知道为什么在清楚部署代码后为什么要我部署代码:/

azure azure-web-sites azure-web-app-service azure-devops create-react-app

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

如何使用 Firebase Auth 作为 OIDC 向 Amplify GraphQL 发出经过身份验证的请求?

我需要有关设置 Firebase Auth + Amplify GraphQL 的帮助。我正在尝试使用联合签名securetoken.google.com/PROJECT-ID作为提供者登录,它似乎可以正常登录,因为当我打电话时Auth.currentAuthenticatedUser()我得到了令牌,而在侦听集线器"signIn"事件时我得到了令牌。我的问题是向我的 GraphQL API 发出经过身份验证的请求。

const signIn = async () => {
  try {
    // already logged in using firebase so I just need to get the token from the current user
    const tokenResult = await currentUser?.getIdTokenResult()
    await Auth.federatedSignIn('securetoken.google.com/PROJECT-ID', {
      token: tokenResult?.token,
    })
    const res = await Auth.currentAuthenticatedUser()
    console.log('token', res.token) // eyjhxxxxxxxxxx...
  } catch (error) {
    // ...
  }
}
Run Code Online (Sandbox Code Playgroud)
const client = new AWSAppSyncClient({
  url: AppSyncConfig.aws_appsync_graphqlEndpoint,
  region: AppSyncConfig.aws_appsync_region, …
Run Code Online (Sandbox Code Playgroud)

javascript amazon-cognito react-native firebase-authentication aws-amplify

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

Flexbox是一个框架吗?

我正在和某人谈论 Flexbox,他说 Flexbox 是一个库/轻框架,这对我来说听起来有点奇怪,现在我很困惑。

它是一个框架吗?

css frameworks flexbox

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

在 render() 函数中定义函数组件是一种反模式吗?

我想知道它是否是一种反模式,或者它是否会以某种方式影响组件以执行以下操作:

render() {
  const MyFuncComponent = ({ prop1, prop2 }) => (
    // code here
  )

  return (
    <div>
      <MyFuncComponent prop1={something} prop2={else} />
    </div>
  )
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

5
推荐指数
2
解决办法
1559
查看次数

如何在同一个域中托管我的API和Web应用程序?

我有一个Rails API和一个Web应用程序(使用express),完全独立且彼此独立.我想知道的是,我是否必须单独部署它们?如果我这样做,我怎么能这样做,以便我的api mysite.com/api和web应用程序在mysite.com/

我已经看到很多项目都是这样做的,甚至将api和应用程序放在单独的回购中.

api hosting ruby-on-rails express server

4
推荐指数
2
解决办法
1057
查看次数

React-使用状态之外的函数设置组件状态,这是错误的吗?

在React组件之外的函数中使用setState是错误的吗?

例:

// myFunction.js
function myFunction() {
  ...
  this.setState({ ... })
}

// App.js
import myFunction from './myFunction

class App extends Component {
  constructor() {
    super()
    this.myFunction = myFunction.bind(this)
  }

  ...
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs react-native

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

iOS TableView自定义单元格没有显示任何内容

我是iOS和Swift的新手,我正在尝试通过创建一个简单的Todo应用程序来学习一点.我遇到的问题是,无论我如何实现代码(遵循多个教程)和故事板,数据都不会显示,自定义单元格也不会自定义(即使我已经自定义,它看起来也是默认单元格的外观它).我已经连接了我delegatedataSource

编辑:我已经分配了重用标识符

TodosView.swift

import UIKit

class TodosView: UIViewController {
    @IBOutlet weak var todosTable: UITableView!

    var todos: [Todo] = []

    override func viewDidLoad() {
        super.viewDidLoad()
        todosTable.delegate = self
        todosTable.dataSource = self

        self.addTodo()
    }

    func addTodo() {
        let todo1 = Todo(text: "My first todo")
        let todo2 = Todo(text: "My second todo")

        todos = [todo1, todo2]
    }
}

extension TodosView: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return todos.count
    }

    func tableView(_ tableView: …
Run Code Online (Sandbox Code Playgroud)

uitableview ios swift

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