Javascript 将tensorflow.js放入React组件中

我正在寻找将一些普通的tf.js转换成react组件的最简单方法

下面是一个React组件：

class KMeans extends Component {
render() {
      return (
        <div className="KMeansMonitor">
        </div>
      )
  }
}
export default KMeans;

---

我只想让这个香草js在React组件中运行。我们将一如既往地感谢您的帮助。

这很简单。更改

learnLinear

函数，使其仅返回带有值的承诺，并使用必要的挂钩等待数据和更新状态

示例

const{useState，useffect}=React；
异步函数learnLinear（）{
const model=tf.sequential（）；
const layer=tf.layers.dense（{units:1，inputShape:[1]}）；
模型。添加（层）；
model.compile({
损失：“平均平方误差”，
优化器：“sgd”
});
常数xs=tf.tensor2d（[-1,0,1,2,3,4]，[6,1]）；
常数ys=tf.tensor2d（[-3，-1,1,3,5,7]，[6,1]）；
wait model.fit（xs，ys，{epochs:500}）；
常数预测=等待模型预测（tf.tensor2d（[10]，[1,1]）；
返回预测。toString（）；
}
常量应用=（）=>{
const[value，setValue]=useState（null）；
常数[dots，setDots]=useState（['.]]；
useffect（（）=>{
让isUnmounted=false；
让handle=null；
学习线性
。然后（结果=>{
如果（已卸载）{
返回；
}
控制台日志（结果）；
设定值（结果）；
});
常数dotsAnimation=（）=>{
设定点（点=>{
常数newDots=[…点，点[0]]；
返回newDots.length==4？['.]:newDots；
})
handle=setTimeout（dotsAnimation，100）；
}
handle=setTimeout（dotsAnimation，100）；
return（）=>{
isUnmounted=true；
清除超时（句柄）；
}
}, [])
返回
{value？value:'预测值'+dots.join（''）}
}
ReactDOM.render(
,
document.getElementById（'root'））
);

在model.add下，它返回未处理的拒绝（TypeError）：trackerFn（…）。makeTensor不是一个函数，您使用的是什么浏览器？
async function learnLinear(){
  const model = tf.sequential();
  model.add(tf.layers.dense({units: 1, inputShape: [1]}));
  model.compile({
   loss: 'meanSquaredError',
   optimizer: 'sgd'
  });

  const xs = tf.tensor2d([-1, 0, 1, 2, 3, 4], [6, 1]);
  const ys = tf.tensor2d([-3, -1, 1, 3, 5, 7], [6, 1]);

  await model.fit(xs, ys, {epochs: 500});

  document.getElementById('output_field').innerText =
   model.predict(tf.tensor2d([10], [1, 1]));
 }
 learnLinear();