代码之家 › 专栏 › 技术社区 › smatthewenglish

将Pythonic程序逻辑转换为JavaScript,以便在React应用程序的浏览器中执行

reactjs python javascript

-1

smatthewenglish · 技术社区 · 8 年前

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

我的想法是嵌入我编写的Python脚本的逻辑——有点过于简单了。” “-进入这个React应用程序,这样它就可以在查看页面的人的浏览器中执行。

不过,我以前从未构建过React应用程序——我如何将python例程作为React应用程序的一部分——可能是用JavaScript重写的——这样它就可以在浏览器中执行?

# This method determines whether or not the number is a Palindrome
def isPalindrome(x):
    x = '{:.2f}'.format(x).replace('.','')
    a, z = 0, len(x) - 1
    while a < z:
        if x[a] != x[z]:
            return False
        a += 1
        z -= 1
    return True

我以前见过,JavaScript可以只在索引页面的底部定义函数,它们只是被一些过程代码调用来执行,传递一些变量,等等,这是正确的方法吗?也许我应该把它封装起来?

2 回复 | 直到 8 年前

Guilherme Cronemberger 8 年前

   function isPalindrome(x){
        let y = x.Fixed(2).replace('.', '')
        z = y.length - 1
        for(let a=0; a++; a<y){
            if(y[a]!=y[z]){
                return false
            }
            a++
            z--
        }
        return true
    }

如果你想了解更多关于React的信息,你应该从阅读一些关于React的内容开始 Component Lifecycle 编辑:忘记实例化a let